tooltip: {
trigger: 'item',
// formatter: '{a} <br/>{b} : {c} ({d}%)'
formatter: function(params) { // 在此处直接用 formatter 属性
// console.log(params) // 打印数据
debugger
return `
<div>KB编号:${params['data'].kb}</div>
<div>数量:<a style="color: #00E8D7">${params['data'].value}</a>个</div>
`
}
},
效果如下:
![](https://img-blog.csdnimg.cn/9a9a5f297c20415785809de9c570cdf4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBASEQyNDM2MDg4MzY=,size_11,color_FFFFFF,t_70,g_se,x_16)
由前端console.log打印中,可以观察到,蓝框中自定义属性名(此处属性起名叫KB)内容已生效:
![](https://img-blog.csdnimg.cn/ec28553f843d448a983eda16b2c426cc.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBASEQyNDM2MDg4MzY=,size_12,color_FFFFFF,t_70,g_se,x_16)
参考自:
echarts中tooltip自定义使用值params参数详解_sing__star的博客-CSDN博客
https://www.jianshu.com/p/03d6b193345d