config = {
tooltip: {
show: true,
trigger: "item",
formatter: "{a} <br/>{b}: {c}",
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
},
formatter: function (params) {
// console.log(params); // 当我们想要自定义提示框内容时,可以先将鼠标悬浮的数据打印出来,然后根据需求提取出来即可
let firstParams = params[0];
let sndParams = params[1];
return firstParams.name + ' ' + firstParams.seriesName + '<br>' + '装机:' + firstParams.data + ' 亿千瓦<br>增长率:' + sndParams.data +' %';
}
},
这篇博客深入探讨了ECharts中如何配置图表的提示框(tooltip),包括显示设置、触发方式、格式化内容以及自定义轴触发的提示框样式。通过示例代码,解释了如何展示数据项的详细信息,如装机量和增长率,并提供了自定义提示框内容的实现方法。
1865

被折叠的 条评论
为什么被折叠?



