首页 > 其他 > 详细

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

时间:2020-06-18 12:53:41      阅读:537      评论:0      收藏:0      [点我收藏+]

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堆叠柱状图在柱子上方显示总数

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

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