echarts 中,tooltip 提示框单个数据后面加上字符

1、需要实现的效果:

 

 

 

2、比如我这边有4条数据,单一获取:

myChart3.setOption({
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
textStyle: {
"fontSize": 12
},
formatter: function(params) {
return params[0].name + '<br/>'
+ params[0].marker + params[0].seriesName + ':' + params[0].data + '<br>'
+ params[1].marker + params[1].seriesName + ':' + params[1].data + '<br>'
+ params[2].marker + params[2].seriesName + ':' + params[2].data + '<br>'
+ params[3].marker + params[3].seriesName + ':' + params[3].data + '%';
},
},

})

3、修改背景色:

backgroundColor: 'rgba(255,255,255,0.8)',//通过设置rgba调节背景颜色与透明度
color: 'black',
// borderWidth: '1',
borderColor: 'gray',
textStyle: {
    color: 'black',
},

 

posted @ 2020-08-27 10:04  小蘑菇123  阅读(1724)  评论(0编辑  收藏  举报