echarts柱状图设置了,barMinHeight可以解决数据过少时显示不全。
另如果数据差异过大,可以修改type:'log'对轴来让x轴对数轴或不等比,而是自动适应划分。
image.png
推荐方法二
方法一
itemStyle: {
normal: {
barBorderRadius: [10, 10, 0, 0], // 将为 0 的数据的两端边角设为 0,使其隐藏
},
},
方法二
还可以通过修改 data 中为 0 的值来解决此问题。例如,你可以将为 0 的值设为 null 或 undefined,这样它们就不会被渲染。
data: this.venueData.map(item => {
return item.appoint_num === 0 ? null : item.appoint_num;
}),
网友评论