网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

echarts图形如何自定义tooltip文字内容和小圆点

时间:2024-10-17 22:54:47

1、打开echarts官网的实例界面,点击折线图的【Stacked Line Chart】,作为演示。其他图形的自定义方式都是一样的

echarts图形如何自定义tooltip文字内容和小圆点

3、将鼠标移到某一个小圆圈上,就可以看到默认已经展示了符合大多数情况的tooltip。但是,假设我们需要自定义显示tooltip,其他内容都跟自定义的完全一样,只是在数字后面加上一个百分号,该怎么做呢?

echarts图形如何自定义tooltip文字内容和小圆点

5、此时再将鼠标移到右侧的小圆圈上,就可以看到数字后面确实出现了百分号,但是,tooltip前面的颜色图标没有了。不要着急,接着往下看

echarts图形如何自定义tooltip文字内容和小圆点

7、再次回到右侧的图形中,鼠标放到小圆圈上面,就可以看到每隔项前面的颜色图标又回来了。因此,自定义的重点在formatter函数,以及参数自动传入的内容。对照着,就可以自定义很多内容了

echarts图形如何自定义tooltip文字内容和小圆点
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com