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