echarts tooltip显示其他字段

最新推荐文章于 2023-10-24 15:16:45 发布

qq_30450207

最新推荐文章于 2023-10-24 15:16:45 发布

阅读量1.3k

点赞数

分类专栏： Echarts 文章标签： html

本文链接：https://blog.csdn.net/qq_30450207/article/details/108981425

版权

这篇博客介绍了如何在Echarts图表中自定义tooltip，以显示节点的额外信息，如持股数。通过设置tooltip的formatter函数，结合数据对象的属性，可以实现将‘capi’字段展示在提示框中。

摘要由CSDN通过智能技术生成

这是上面的数据
let data = {
nodes: [{
// 公司名称
name: ‘浏览器有限公司’,
category: 0, //0代表公司，1代表自然人股东
value:100,
capi:‘持股数1200’
// 股东列表
},{
name: ‘操作系统集团’,
category: 0,
value:40,
capi:‘持股数480’
},
{
name: ‘HTML科技’,
category: 0,
value:12,
capi:‘持股数144’
}, {
name: ‘JavaScript科技’,
category: 0,
value:10,
capi:‘持股数120’
}, {
name: ‘CSS科技’,
category: 0,
value:10,
capi:‘持股数120’
}, {
name: ‘Chrome’,
category: 1,
value:7,
capi:‘持股数84’
}, {
name: ‘IE’,
category: 1,
value:6,
capi:‘持股数72’
}, {
name: ‘Firefox’,
category: 1,
value:7,
capi:‘持股数84’
}, {
name: ‘Safari’,
category: 1,
value:8,
capi:‘持股数96’
}],
这是tooltip设置代码࿰