美文网首页univue系列
echarts barMinHeight设置后0高度也显示修正

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

作者: litielongxx | 来源:发表于2024-04-16 16:56 被阅读0次

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

相关文章

网友评论

    本文标题:echarts barMinHeight设置后0高度也显示修正

    本文链接:https://www.haomeiwen.com/subject/vknjxjtx.html