[Bug] onDrag, not in sync with data on line plot.

[wigsnes]

Version

5.3.2

Link to Minimal Reproduction

https://codesandbox.io/s/echarts-react-draggable-0szzfl?file=/src/echartTest.tsx

Steps to Reproduce

1. Drag one of the dashed points.
2. Release point between two dates.
3. Now you can not drag the same point by click and hold on the point, you have to find where you let go last time.

Current Behavior

You drag a point off-axis on the X-axis it does not line up next time you want to drag, and you have to remember where you let go.

Expected Behavior

Expect it to stick to the point, and be draggable on the point and not where you left it.

Environment

- OS: CodeSandbox
- Browser: Chrome
- Framework: React

Any additional comments?

EnviousComplexAfghanhound-mobile.mp4

[plainheart]

This bug may have been fixed in #17007 and the next version v5.3.3 is under release.

Try this demo to check if it works.

[wigsnes]

It still is not working, I only want to move the points in one direction, so modifying your demo to only allow this, it still has the problem of dragging out of the point axis.

I changed the "onPointDragging" function:

function onPointDragging(dataIndex, pos) {
  const val = myChart.convertFromPixel('grid', pos);
  data[dataIndex] = [data[dataIndex][0], val[1]];
  ...

This makes it not possible to drag in y-axis, and my problem is still present.

BoilingCheerfulApatosaur-mobile.mp4

[tarogege]

why cannot i drag this points in your demo in chrome？

[wigsnes]

why cannot i drag this points in your demo in chrome？

Not sure why my demo do not work anymore.

Here is the code from echarts that show the problem: Try this

[plainheart]

@wigsnes Set invisible of the draggable shadow circle to be false, you may see something interesting. You can follow that to try to find out the reason.