需求:在堆叠柱形图的的顶部做一个合计;
效果图:
关键代码:
//series后面push下面一项
{
name: "总计",
type: "bar",
stack: "",
label: {
normal: {
show: true,
position: "top",
color: "#000",
fontSize: 20,
},
},
z: -1,
//不同系列的柱间距离,为百分比,如果想要两个系列的柱子重叠,可以设置 barGap 为 '-100%'。
barGap: "-100%",//柱条间距
data: this.totalnum
},
关于总数的算法
数据格式:
[
{
name:'钢铁侠',
num:[320, 332, 301, 334, 390, 330, 320]
},
{
name:'蜘蛛侠',
num:[120, 132, 101, 134, 90, 230, 210]
}
]
//arr为预留绑定数组
//data为数据
//count为次数,可以关联一下横坐标的长度
totalnumFun(arr,data,count){
for(let i = 0; i < count; i++){
let sum = 0;
data.map(item=>{
sum += item.num[i];
})
// console.log(`第${i}次求和`,sum);
arr.push(sum)
}
// console.log(arr);
}
如果有更好的想法,欢迎下方留言,^ v^!!