echarts自定义tooltip内容
时间: 2023-10-09 16:06:31 浏览: 164
自定义ToolTip
5星 · 资源好评率100%
ECharts 的 tooltip 是可以自定义内容的。您可以在 tooltip 配置中使用 formatter 属性来定义显示的文本。formatter 的值可以是一个字符串模板,也可以是一个函数,在函数中可以自定义返回显示的文本。
具体示例如下:
```
// 字符串模板
tooltip: {
formatter: '{a} <br/>{b} : {c}'
},
// 函数
tooltip: {
formatter: function (params) {
return params.seriesName + ' : ' + params.value;
}
},
```
这里可以使用的参数有:
- params.name: 系列名称
- params.value: 数值
- params.data: 数据对象
- params.color: 系列颜色
- params.seriesName: 系列名称
- params.seriesIndex: 系列索引
- params.dataIndex: 数据索引
- params.xAxis: x轴
- params.yAxis: y轴
可以根据需求自行组合使用。
阅读全文