formatter: function(params) {
        var relVal = [params[0].name];
        for (var i=0;i<params.length;i++){
          relVal += '
' + params[i].seriesName+' ' + params[i].value+'%'
        }
        return relVal
      }

params參數(shù)可以console.log(params)查看。

tooltip:{
    trigger: 'axis', //item
    axisPointer: {  
        type: 'shadow', 
      },
    formatter: '{a0}:{c0}'          
}

formatter控制顯示字?jǐn)?shù)：

axisLabel :
 {
     formatter : function (value)
     {
         let valueTxt = '';
         if (value.length > 3) {
             valueTxt = value.substring(0, 4) + '...';
         }
         else {
             valueTxt = value;
         }
         return valueTxt ;
     }
 }

傳入最近七天的日期：

getDateList(count,lang) {
  var time = new Date().setMinutes(0);
  time = time - 24*60*60*1000;
  var categoryData = [];
  for (var i = 0; i<=count; i++) {
    categoryData.push(moment(time).format('YYYY-MM-DD'));
    time += lang;
  }
  return categoryData;
}

調(diào)用getDateList(7,24*60*60*1000)，得到如下最近七天日期年月日格式化的數(shù)組：

['2021-04-01','2021-04-02','2021-04-03','2021-04-04','2021-04-05','2021-04-06','2021-04-07']

總結(jié)

以上是生活随笔為你收集整理的echart 自定义 formatter的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。