Drag and Drop line chart points for redraw

[Cameron]

I am using Line chart for displaying records of multiple players with respect to runs in year. I want points of line chart redraw in line chart. Is it possible or not?

[Sanjoy]

Cameron,

Drag and drop line chart points is not possible directly with existing the API as of now. Here is an example to achieve the same using mouseover, mouseout, and rangeChanging event along with javascript onmousedown event.

[Cameron]

It is only provide for Y-axis is also with X-axis redraw possible.

[Sanjoy]

Yeah, in similar way you can select and drag a dataPoint in both the direction(‘xy’). Here is example.

[Cameron]

When i drag one point then two symbols are coming “pan” and “reset”. I dont want this symbols.

[Sanjoy]

Hi,

If you don’t want to show the zoom/pan/reset tool-bar you can hide it using css

.canvasjs-chart-toolbar {
  display: none !important;
}

Here is the example.

[tilakbhanu@gmail.com]

I want to achieve the same in React, Is it possible? Please guide me by throwing samples. Thank you.

[Vishwas R]

@tilakbhanugmail-com,

Please take a look at this Sample Project.

Considering this as duplicate of React CanvasJS: Drag Data Points and closing the thread.

—
Vishwas R
Team CanvasJS