VUE Echarts之tooltip提示器-formatter格式转换

最新推荐文章于 2024-08-01 23:45:55 发布

赫兹/Herzz

最新推荐文章于 2024-08-01 23:45:55 发布

阅读量1.2k

点赞数

分类专栏： web前端 echarts js语法文章标签： vue.js javascript

本文链接：https://blog.csdn.net/HanXiaoXi_yeal/article/details/115702232

版权

web前端同时被 3 个专栏收录

73 篇文章 12 订阅

订阅专栏

js语法

34 篇文章 2 订阅

订阅专栏

echarts

6 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在图表中设置自定义的tooltip提示器，内容包括如何添加单位、名称、占比等信息，通过formatter函数实现动态获取单位和维度，以达到更直观的数据展示效果。示例代码展示了具体的实现方式，适用于数据可视化场景。

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

tooltip提示器内设置自己想要的数据展示格式，包括添加单位、名称、占比、小圆点之类…

tooltip: {
            trigger: 'item',
            formatter: (params) => {
              const templete = (params.name + '<br>' + params.marker +
               `${this.sort}：` + params.value + `&nbsp` +
               `${this.unit}` + `&nbsp&nbsp&nbsp` + params.data.num + '%')
              return templete
            }
          }
          params中包含了所有属性及属性值（自行打印查找即可）
          这里单位和维度是动态获取的