1、Echats给柱状图上方数字加%
完整示例:在series的label标签的,添加
1 formatter:function(params){ //标签内容 2 return params.value+'%' 3 },
2、鼠标移上去悬浮标签数据后加%
代码:
1 // 数据预览提示 2 tooltip: { 3 trigger: 'axis', 4 axisPointer: { 5 type: 'shadow', 6 }, 7 textStyle: { 8 fontSize: 12, 9 }, 10 borderWidth: 1, 11 padding: 6, 12 // 提示文字 13 formatter: function(val){ 14 var tipText=""; 15 tipText += val[0].name + ' : ' + '<br/>' 16 + val[0].seriesName + ' : ' + val[0].value + '<br/>' 17 + val[1].seriesName + ' : ' + val[1].value + '%<br/>' 18 return tipText; 19 }, 20 },
此上方法对点击legend图标后,只显示一个legend数据时无法显示tooltip,有bug,所以改为如下方法解决:
formatter: function(datas) { console.log('datas', datas) let res = datas[0].name + '<br/>' for (let i = 0, length = datas.length; i < length; i++) { res += datas[i].seriesName + ':' + datas[i].data.value + '%<br/>' } return res }
参考:https://blog.csdn.net/weixin_41937552/article/details/117389891