echarts使用 formatter自定义tooltip提示

最新推荐文章于 2024-06-13 09:33:21 发布

李蘑菇的小威

最新推荐文章于 2024-06-13 09:33:21 发布

阅读量252

点赞数

分类专栏： Echarts 文章标签： echarts 前端

本文链接：https://blog.csdn.net/zhazhawei9527/article/details/130335545

版权

Echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章介绍了Echarts中tooltip的formatter函数用法，展示如何自定义显示内容，包括轴值、系列名和数据值，以及使用颜色块进行视觉表示。

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

tooltip: {
  trigger: 'axis',
   formatter: function (params) {
     let str = `${params[0].axisValue}<br/>`
     params.map(item => {
       if (item.data) {
         str += `<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:${item.color};\">
               </span>${item.seriesName}：${item.data}<br/>`
       }
     })
     return str
   },
 },

echarts示例