关于ecahrts 堆叠柱状图的一些记录

484 阅读1分钟

echarts 堆叠柱状图 显示总数

image.png

做法:是给一个透明色的柱子,默认数据是0 ,排列在最后面。

{
 name: '',
 data: [],
 type: 'bar',
 stack: 'total', //堆
 barWidth: 20,
 label: {
  show: true,
  position: 'right',
  distance: 15,
  formatter: (params) => {
   let value = this.monTotal[params.dataIndex];
   return value;
  },
  fontSize: 14,
  color: '#333333',
},
color: 'transparent',
}

options.series[3].data = new Array(len).fill(9);  //总数的数值设置为0,放在series的最后一个