echarts tooltip 提示数据时设置单位,背景色等

源码及部分讲解：

讲解：如果 i===0  时，表示自定义第一个数据的单位，以此类推， 否则 所有数据都是统一单位，下面附上源码，复制粘贴就行。

源码：

tooltip: {

trigger: 'axis',

backgroundColor:'rgba(0,0,0,0.8)',

axisPointer: {

type: 'cross',

crossStyle: {

color: '#999'

}

},

formatter: function(params) { //自定义函数修改折线图给数据加单位

var str = '';//声明一个变量用来存储数据

str += '<div>'+ params[0].name +'</div>'; //显示日期的函数

for(var i=0; i<params.length; i++) { //图显示的数据较多时需要循环数据，这样才可以成功的给多条数据添加单位

if(i === 0){

str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

}else if(i===3){

str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

}else if(i===6){

str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

}else{

str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'%' : '暂无') +'</br>';

}

}

return str;

}

},