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

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

时间:2022-08-27 16:56:55浏览次数:92  
标签:Echats tipText val 后加 移上去 柱状图 标签

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,后加,移上去,柱状图,标签
From: https://www.cnblogs.com/zqlym/p/16630879.html

相关文章

  • 84. 柱状图中最大的矩形
    84.柱状图中最大的矩形给定n个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为1。求在该柱状图中,能够勾勒出来的矩形的最大面积。 示例1......
  • echarts异形图柱状图,电量象形,base64
    varbgImg='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAF+CAYAAADNzDlVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAilJREFUeNrs1rENwjAURdEfC0p......