其他分享
首页 > 其他分享> > Echats给柱状图上方数字加%及鼠标移上去悬浮标签数据后加%

Echats给柱状图上方数字加%及鼠标移上去悬浮标签数据后加%

作者:互联网

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           },

参考:https://blog.csdn.net/weixin_41937552/article/details/117389891

标签:Echats,tipText,val,移上去,value,柱状图,标签
来源: https://www.cnblogs.com/zqlym/p/16630879.html