ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-06-18 12:07:00  阅读:614  来源: 互联网

标签:option series selected isShow label 堆叠 柱状图 var 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<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;

插入即可

标签:option,series,selected,isShow,label,堆叠,柱状图,var,echarts
来源: https://www.cnblogs.com/sq1076532828/p/13156836.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有