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

Posted 2020-12-11 sq1076532828

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;

插入即可