[Bug] DataZoom position bugs when series data only one

[hks2002]

Version

6.0.0

Link to Minimal Reproduction

https://echarts.apache.org/examples

Steps to Reproduce

past this option in the samples page:

option = {
  xAxis: {
    type: 'time',
    data: ['2025-01-01']
  },
  yAxis: {
    type: 'value'
  },
  dataZoom:[{
        type: 'slider',
        height: 15,
        bottom: '5px',
        start: 0,
        end: 100,
        xAxisIndex: [0]
      }],
  series: [
    {
      data: [150],
      type: 'line'
    }
  ]
};

Current Behavior

Expected Behavior

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[Justin-ZS]

fixed in #21196 ?

[hks2002]

fixed in #21196 ?
not fixed yet

[unaipme]

Hi! Had something very similar happen to me. Here's a minimal reproduction. In this case the datazoom is shown misplaced but at least it is shown in the bottom, where I configured it to be.

I found out about two weird cases where this bug doesn't happen:

1. If you uncomment the additional data point I left on the reproduction, the data zoom goes back to its original position. However, if you change the time on the second data point to be the same as in the first data point, the datazoom again gets misplaced.
2. If you add another series before the one causing the issue, even if it does not have any data, the datazoom works. For example: { type: 'line', data: [] }.

Hope this sheds a light on the original issue :)

[takaebato]

I confirmed this no longer reproduces on master.
It seems to be fixed by #21196 which is not included in current 6.0.0 yet, so it still reproduces in the current online examples / released build.