美文网首页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