vue使用echarts中tooltip自定义显示——使用值params参数详解

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>
           `
  }
},

效果如下：

由前端console.log打印中，可以观察到，蓝框中自定义属性名（此处属性起名叫KB）内容已生效：

 

 

---

参考自：

echarts中tooltip自定义使用值params参数详解_sing__star的博客-CSDN博客

https://www.jianshu.com/p/03d6b193345d