正负条形图 label 展示问题

[chengazhen]

Version

5.3.3

Link to Minimal Reproduction

No response

Steps to Reproduce

option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  legend: {
    data: ['Profit', 'Expenses', 'Income']
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: [
    {
      type: 'value'
    }
  ],
  yAxis: [
    {
      type: 'category',
      axisTick: {
        show: false
      },
      data: ['Mon', 'Tue', 'Wed', 'Thu']
    }
  ],
  series: [
  
    {
      name: 'Income',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true
      },
      emphasis: {
        focus: 'series'
      },
      data: [1, 1, 35, 1]
    },
    {
      name: 'Expenses',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        position: 'left'
      },
      emphasis: {
        focus: 'series'
      },
      data: [-1, -20, 0, -1]
    }
  ]
};

Current Behavior

值为0 的label应该在 左边展示, 但是展示位置在 右边

Expected Behavior

值为0 的label应该在 左边展示, 但是展示位置在 右边

Environment

- OS:
- Browser:Chrome  106.0.5249.119
- Framework:

Any additional comments?

No response

[echarts-bot]

@azhen98 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

Positive and negative bar labels show the problem

[plainheart]

Please set stackStrategy to 'negative' to do this.