vue使用echarts自定义tooltip的formatter回调函数

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

Acerola-

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

阅读量1.4k

点赞数 2

文章标签： echarts vue.js javascript

本文链接：https://blog.csdn.net/mqq2502513332/article/details/125562118

版权

最终效果:
在这里插入图片描述
代码:

tooltip: {
          trigger: 'axis',
          formatter: function (params) {
            let axisValueLabel = params[0].axisValueLabel
            let str0 = '';
            params.forEach((item, idx) => {
              // str1+=`${}`
              str0 += `${item.marker}${item.seriesName}: ${item.data}`
              switch (idx) {
                case 0:
                  str0 += '条';
                  break;
                case 1:
                  str0 += '条';
                  break;
                case 2:
                  str0 += '条';
                  break;
                default:
                  str0 += '毫秒/条'
              }
              str0 += idx === params.length - 1 ? '' : '<br/>'
            })
            return '第'+axisValueLabel+'分钟' + '<br>' + str0
          }
        },