echarts 柱状图 鼠标悬浮显示 图标+数字每三位打千分号+单位（满满干货）

本文重点 鼠标悬浮显示 图标+数字每三位打千分号+单位
1.图标：params[i].marker
2.数字每三位打千分号：params[i].value.toLocaleString()
3.加单位：如下

 formatter:function(params)  
      {  
          var relVal = params[0].name;  
          for (var i = 0, l = params.length; i < l; i++) {  
               relVal +='<br/>' + params[i].marker+params[i].seriesName + ' : ' + params[i].value.toLocaleString()+"K";  
           }  
          return relVal;  
       }  
   },

所有代码

barLine:function(){
        this.chartBars=this.$echarts.init(document.getElementById("bar"));
         this.chartBars.setOption({
             tooltip: {
                 trigger: 'axis',
                 axisPointer: {
                     type: 'cross',
                     crossStyle: {
                         color: '#999'
                     }
                 },
                 formatter:function(params)  
                 {  
                    var relVal = params[0].name;  
                    for (var i = 0, l = params.length; i < l; i++) {  
                         relVal +='<br/>' + params[i].marker+params[i].seriesName + ' : ' + params[i].value.toLocaleString()+"K";  
                     }  
                    return relVal;  
                 }  
             },
             grid: {
                 left: '3%',
                 right: '3%',
                 bottom: '0%',
                 top:'10%',
                 containLabel: true
             },
             xAxis: [
                 {
                     type: 'category',
                     data: this.dateTen,
                     axisPointer: {
                         type: 'shadow'
                     }
                 }
             ],
             yAxis: 
             {
                 type: 'value',
                 splitLine: {show: false}

             },
             series: [
                 {
                     name:'账单金额',
                     type:'bar',
                     data:this.recentOctoberBill,
                     color: ['#87CEFA'],
                     barWidth: '65%',
                     label: {
                         normal: {
                             color:'#000',
                             show: true,
                             position: 'inside',
                             "formatter": function(a){return a.value.toLocaleString()+'k'}
                         }
                     }
                 },
                 {
                     name:'账单金额',
                     type:'line',
                     data:this.recentOctoberBill,
                     itemStyle:{
                         normal:{
                             lineStyle:{
                                 type:'dotted'  //'dotted'虚线 'solid'实线
                             }
                         }
                     },        
                     label: {
                         normal: {
                             color:'#000',
                             show: true,
                             position: 'top',
                             "formatter": function(a){return a.value.toLocaleString()+'k'}
                         }
                     }
                 }
             ]
         })        
     },

如图所示