echarts这种样式如何实现?

新手上路,请多包涵


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

阅读 522
1 个回答

针对 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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题