需求:要求 echarts 在鼠标 hover 时可以看到数据后面显示百分号(数据已是后台处理过的)。

效果图:

echarts tooltip 数值后显示 %

代码:

tooltip: {
          trigger: 'axis',
          formatter: function(params) {
            var result = params[0].name + "<br>";
            params.forEach(function(item) {
              if (item.value) {
                result += item.marker + " " + item.seriesName + " : " + item.value + "%</br>";
              } else {
                result += item.marker + " " + item.seriesName + " :  - </br>";
              }
            });
            return result;
          }
        },

PS:会有一些数据没有值,以 undefined % 显示,我这边给做了 if 处理。如果对您有帮助的话麻烦推荐一下啦! 

 

相关文章:

  • 2018-10-20
  • 2022-01-25
  • 2022-12-23
  • 2022-02-02
  • 2021-12-09
  • 2022-02-02
猜你喜欢
  • 2021-08-01
  • 2022-12-23
  • 2021-06-09
  • 2021-07-25
  • 2021-09-05
  • 2021-08-24
相关资源
相似解决方案