echarts tooltip 數值后顯示 %


需求:要求 echarts 在鼠標 hover 時可以看到數據后面顯示百分號(數據已是后台處理過的)。

效果圖:

代碼:

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 處理。如果對您有幫助的話麻煩推薦一下啦! 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM