echart 柱状图 - 零界点 正负方向展示

设置柱状图正负方向展示图。负数 相反方向显示。设置  stack: 'Total。

series: [
     {
      name: 'Expenses',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        position: 'left'
      },
      emphasis: {
        focus: 'series'
      },
      data: [-120, -132, -101, -134, -190, -230, -210]
    }

]

 如果有相反方向的显示,然后要重合2个数值。

设置第二个 属性 bargap: '-100%', 设置 barWidth 柱状图的宽度是 ‘50%’。
设置第一个属性  stack: 'balance' 

posted @ 2026-05-21 16:37  微宇宙  阅读(10)  评论(0)    收藏  举报