当前位置: 首页 > 知识库问答 >
问题:

前端 - echarts这种样式如何实现?

朱丰
2023-10-18


柱形图,当该值为0时,加最小高度,然后改造成图中的样式。单纯添加最小高度会贴着轴线而不是居中
有大佬给一下解决思路吗?

共有1个答案

王涵育
2023-10-18

针对 0 的数据可以加一个 shadow,利用 shadow 可以偏移的配置来实现这种样式

series: [  {    name: 'test',    type: 'bar',    barMinHeight: 3,    data: [      10,      20,      30,      40,      50,      {        value: 0,        itemStyle: {          color: 'red',          shadowColor: 'red',          shadowOffsetX: -3        }      }    ]  }]

效果如下
image.png

 类似资料: