echarts柱狀圖tooltip之formatter調試技巧之如何自定義echarts的提示框？

1. 在formatter函數里面打印當前柱體的屬性值

　　tooltip : {
　　　　axisPointer : {
　　　　type : 'shadow'
　　　　},
　　　　formatter : function(params) {
　　　　　　console.log(params)
　　　　}
　　},

2. 鼠標移動到柱狀圖觸發formatter函數，在控制台可以很容易查到想要的屬性值

如：data.seriesName="白班",data.value="22"

3. 改成想要的格式

tooltip: {
     extraCssText: 'text-align: left;', // 文字對齊方式
     formatter: function (params) { // 格式化函數
     // console.log(params);
     if (params.seriesIndex == 0 || params.seriesIndex == 1)
              return params.name + '</br>' + "前天" + params.seriesName + '：' + params.value + '%';
     if (params.seriesIndex == 2 || params.seriesIndex == 3)
              return params.name + '</br>' + "昨天" + params.seriesName + '：' + params.value + '%';
     if (params.seriesIndex == 4 || params.seriesIndex == 5)
              return params.name + '</br>' + "今天" + params.seriesName + '：' + params.value + '%';
      },
},