univue系列

echarts barMinHeight设置后0高度也显示修正

2024-04-16  本文已影响0人  litielongxx

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;
}),

ps:https://www.jianshu.com/p/0abdc87f520a

上一篇 下一篇

猜你喜欢

热点阅读