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 + '%';
      },
},