[Bug] AxisPointer sync not work acros multiple synced graphs

[Tolomaj]

Version

5.3.2

Link to Minimal Reproduction

https://codepen.io/tolomaj/pen/WbNXyeY

Steps to Reproduce

Create two or more charts with relatively large dataset and then sync them with echarts.connect.
Then move cursor on raphs and see the behavior.

Current Behavior

the axisPointer is not synced correctly across charts

Expected Behavior

axisPointer to be at the same position and visible on all synchronized characters.

Environment

- OS: windows 11
- Browser: firefox 136.0.1 64bit
- Framework: none (plain js)

Any additional comments?

in codepen actual js code starts after "//after data" line before that is only data

Zaznam.obrazovky.2025-03-13.181650.mp4

If I just set something up incorrectly in the graphs let me know but I can't find anything that would help the only thing that would help is to reduce the size or have the same times in the points.

[helgasoft]

axisPointer to be at the same position and visible on all synchronized characters.

To align all xAxes, add min: new Date("2025-01-18T07:12:22.900Z") to xAxis of speed series.
Your speed series has 20 values between 8:00 and 9:00, while the other two series have only 2 values. So you can't expect the vertical axisPointers to be synchronized.

Maybe your project does not need 'connected' charts, see official simpler solution with two grids and shared dataZooom and axisPointer..

[Tolomaj]

To align all xAxes, add min: new Date("2025-01-18T07:12:22.900Z") to xAxis of speed series.

I update the values to have matched start time and end time.
updated example
But with same result.

Your speed series has 20 values between 8:00 and 9:00, while the other two series have only 2 values. So you can't expect the vertical axisPointers to be synchronized.

To be true I expect to sync axis pointer on xAxis based on time not the samples when snap: false and sometimes this work:
Video showing zoom:
https://github.com/user-attachments/assets/6789c6a2-4640-46ec-a657-28675bb1b977

But when I hover with pointer on second green graph the axisPointers won't sync at all and when hovering on first blue graph the pointer works reliably only on 100% zoom.

Maybe your project does not need 'connected' charts, see official simpler solution with two grids and shared dataZooom and axisPointer..

urfonutely i need the graps in separated html elements for userfrendlyness