Accepted answer

draggable points is not built-in into highcharts but using the events and methods in the api it is possible to implement an editable line/column/scatter/area-chart (will only handle moving the point in y-direction so far). the following example uses mousemove, mousedown and mouseup events to handle interaction.

  • at mousedown the start y value is recorded if a point is focused. the y-axis.translate method is the key here, it will translate mouse position to the data domain.
  • at mousemove the focused point and tooltip is updated with the new value.
  • at mouseup the point is updated and a new event drop is fired that updates the text in a status message.

full example on jsfiddle. see also the feature request draggable points


this is now an available plugin on highcharts:

Related Query