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

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

//只添加没有隐藏的列的数值

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;

插入即可


版权声明:本文为weixin_33109551原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。