在 ECharts 中,你可以通过 tooltip 的 formatter 属性来自定义提示框组件指示器的文本标签。通过 formatter,你可以使用回调函数来动态生成提示框的内容。以下是一个示例:
option = {
    // 其他配置项...
    tooltip: {
        trigger: 'axis',
        formatter: function(params) {
            let result = params[0].name + '<br/>';  // params[0].name 为 x 轴的数据项
            params.forEach(function (item) {
                result += item.seriesName + ': ' + item.value + '<br/>';  // item.value 为对应系列的数据值
            });
            return result;
        },
        // 其他配置项...
    },
    xAxis: {
        // x 轴配置...
    },
    yAxis: {
        // y 轴配置...
    },
    series: [{
        name: 'Series A',
        type: 'line',
        data: [10, 20, 30, 40, 50]
        // 其他系列配置...
    },
    {
        name: 'Series B',
        type: 'line',
        data: [5, 15, 25, 35, 45]
        // 其他系列配置...
    }],
    // 其他配置项...
};

在上述示例中,formatter 函数接收一个参数 params,它是一个数组,包含了鼠标悬停在图表上的每个数据项的信息。通过遍历这个数组,你可以构建自定义的提示框内容。在这个例子中,我们使用了 x 轴的数据项 params[0].name 以及每个系列的数据值 item.value 来构建提示框的内容。

你可以根据自己的需求更改 formatter 函数,以实现不同的提示框显示效果。确保查看你所使用的 ECharts 版本的文档,获取准确的配置信息。


转载请注明出处:http://www.zyzy.cn/article/detail/5305/ECharts