码迷,mamicode.com
首页 > 其他好文 > 详细

echarts堆叠柱状图在柱子上方显示总数

时间:2020-06-18 12:35:45      阅读:425      评论:0      收藏:0      [点我收藏+]

标签:fun   data   好的   echarts   ++   tst   formatter   chart   Matter   

var selected = {};
var isShow;
for(var i = 0; i< option.series.length; i++){
//初始化选择值
selected[option.series[i].name] = true;
isShow= false;
//只显示最后一个label
if(i == option.series.length -1){
isShow= true;
}
option.series[i].label ={
normal: {
show: isShow,
position: ‘top‘,
textStyle:{
fontSize: ‘12px‘,
//color:‘#a1c9fa‘
}
}
};
}
var fun = function(obj){
var total = 0;
for(var key in selected){
if(selected[key]){
for(var i=0; i<option.series.length; i++){
//只添加没有隐藏的列的数值
if(key == option.series[i].name){
total += option.series[i].data[obj.dataIndex];
}
}
}
}
return total;
}
//最后一个label的formatter 绑定一个写好的函数
option.series[option.series.length - 1].label.normal.formatter = fun;

插入即可

echarts堆叠柱状图在柱子上方显示总数

标签:fun   data   好的   echarts   ++   tst   formatter   chart   Matter   

原文地址:https://www.cnblogs.com/sq1076532828/p/13156836.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!