首页 > 其他 > 详细

Echarts堆叠柱状图(每个堆叠柱显示具体的占比)

时间:2020-04-26 16:02:33      阅读:3616      评论:0      收藏:0      [点我收藏+]

堆叠柱状图(每个堆叠柱显示具体的占比)

技术分享图片

 

 代码详见(红框部分):

技术分享图片

 

 

 1 formatter: function (params) {
 2 
 3 var relVal = params[0].name;
 4 
 5 var value = 0;
 6 
 7 for (var i = 0, l = params.length; i < l; i++) {
 8 
 9 value += params[i].value;
10 
11 }
12 
13 for (var i = 0, l = params.length; i < l; i++) {
14 
15 relVal += ‘
16 
17 ‘ + params[i].seriesName + ‘ : ‘ + (100 *
18 
19 parseFloat(params[i].value) / parseFloat(value)).toFixed(2) + "%";
20 
21 }
22 
23 return relVal;
24 
25 },

 

Echarts堆叠柱状图(每个堆叠柱显示具体的占比)

原文:https://www.cnblogs.com/linchenjian/p/12779371.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!