[Bug] When I set axisLine.symbol with 'arrow' and inverse with true, the arrow will display out of the axisline

[langzikaze]

Version

5.3.3

Link to Minimal Reproduction

https://jsfiddle.net/mfLp4ou8/

Steps to Reproduce

Use this option to set echartsInstance

{
  dataset: {
    source: [
      ['水果', '价格'],
      ['苹果', 1],
      ['香蕉', 0.5],
      ['梨', 2],
      ['菠萝', 4]
    ]
  },
  grid: [
    {
      containLabel: true,
      top: '50%',
      right: '50%'
    }
  ],
  xAxis: [
    {
      type: 'category',
      inverse: true,
      axisLine: {
        symbol: 'arrow'
      }
    }
  ],
  yAxis: {
    inverse: true,
    axisLine: {
      show: true,
      symbol: 'arrow'
    }
  },
  series: [
    {
      type: 'bar'
    }
  ]
}

Current Behavior

axisLine arrow is not on the axisLine

Expected Behavior

axisLine arrow shown on the axisLine

Environment

- OS: Windows11
- Browser: Microsoft Edge 103.0.1264.44 and FireFox Developer Edition 103.0b4
- Framework: Vue@2

Any additional comments?

No response

[plainheart]

It seems to be a bug.