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

echarts tooltip 提示数据时设置单位,背景色等_第1张图片

echarts tooltip 提示数据时设置单位,背景色等_第2张图片

源码及部分讲解:

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

源码:

tooltip: {

trigger: 'axis',

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

axisPointer: {

type: 'cross',

crossStyle: {

color: '#999'

}

},

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

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

str += '

'+ params[0].name +'
'; //显示日期的函数

for(var i=0; i

if(i === 0){

str += ''+ params[i].seriesName +' : '+ (params[i].data ? params[i].data+'元' : '暂无') +'
';

}else if(i===3){

str += ''+ params[i].seriesName +' : '+ (params[i].data ? params[i].data+'元' : '暂无') +'
';

}else if(i===6){

str += ''+ params[i].seriesName +' : '+ (params[i].data ? params[i].data+'元' : '暂无') +'
';

}else{

str += ''+ params[i].seriesName +' : '+ (params[i].data ? params[i].data+'%' : '暂无') +'
';

}

}

return str;

}

},

你可能感兴趣的:(echarts)