[Bug] dataZoom current data shadow line does not match with series line

[stpeyyee]

Version

^5.1.1

Link to Minimal Reproduction

Steps to Reproduce

Example options

options = {
  xAxis: [
    {
      type: "time",
    }
  ],
  yAxis: [
    {
      type: "value",
    }
  ],
  dataset: [
    {
      dimension: [
        { name: 'timestamp', type: 'time' },
        { name: 'value', type: 'float' }
      ],
      id: '01',
      source: [
        { value: 854.548, timestamp: Mon Nov 13 2023 22: 40:00 GMT +0700(Indochina Time) },
        { value: 845.63, timestamp: Mon Nov 13 2023 22: 45:00 GMT +0700(Indochina Time) },
        ....
      ]
    }
  ],
  dataZoom: [
    {
      type: "slider",
      xAxisIndex: [0],
      startValue: lhs,
      endValue: rhs,
      filterMode: "none",
      moveHandleSize: 12
    }
  ]
}

Current Behavior

Expected Behavior

Environment

- OS: Windows
- Browser: Google chrome
- Framework: React.js

Any additional comments?

No response

[helgasoft]

possibly related to #18754

[steveswinbank]

+1

This problem is affecting us as well - where we have a type: 'time' xAxis with variable x-axis gaps between the points we are plotting

[pedrosalgadowork]

Same here, for large time series it's very difficult to spot the trend based on the dataZoom line.

[helgasoft]

large time series

How large ? Demo with 10K points works fine, gaps and all.

📌 Please make an effort to provide Minimal Reproduction code.

[pedrosalgadowork]

large time series

How large ? Demo with 10K points works fine, gaps and all.

📌 Please make an effort to provide Minimal Reproduction code.

Our use case basically represents a large millisecond timeseries with more than 30k points for a single day.
Echarts works great to represent this data, our issue is related how the dataZoom feature represent this série, especially where the variance of the data is more noticeable.
Clearly the downsampling/agg of the serie into this dataZoom mini chart can lead to misinterpretation of where spikes are, and even when the xaxis range is correct in both, we don’t see that data representation in both charts.
I will share a representative dataset, configs, and screenshots to showcase this situation asap (thanks for the heads up 🙂).