Highcharts中没有内置可拖动的点，但是使用API中的事件和方法可以实现可编辑的折线图/柱形图/散点图/面积图（目前只处理在y方向移动点）。以下示例使用mousemove、mousedown和mouseup事件来处理交互。

• 在mousedown处，如果一个点被聚焦，则记录起始y值。y轴.translate方法是这里的关键，它将把鼠标位置转换到数据域。
• 在mousemove处，焦点和工具提示使用新值更新。
• 在mouseup处，更新该点并激发新事件drop，以更新状态消息中的文本。

jsfiddle上的完整示例。另请参见功能请求draggable points

这是Highcharts上的一个可用插件：http://www.highcharts.com/plugin-registry/single/3/Draggable%20Points

意识到这是一个相当老的问题，但它的高度参考有关谷歌图表，所以也许这会帮助一些人。
花了一段时间在这个完全相同的问题上，并在@WhiteHat的几个答案的帮助下，终于设法让这个工作。
基本上，您需要将EventListener添加到“mousemove”、“mouseup”和“mousedown”图表的容器中，然后跟踪您当前是选择了某个点还是拖动了某个点。
剩下的大部分最终都是大量的边缘和距离以及缩放计算，试图找出点在图表中的实际位置。
最终真正相关的主要部分是：

// Get layout object for the chart (mostly for bounding boxes)
var chartLayout     = myLineChart.getChart().getChartLayoutInterface();
// Get the actual chart container (has all the chart properties as sub-variables)
var chartContainer  = document.getElementById( myLineChart.getContainerId() );
// Find the outer (beyond title and axes labels) limits of chart
// Varies with screen scrolling
var chartBounds     = chartContainer.getBoundingClientRect();
// Find the actual drawn region where your lines are (offset relative to chart)
var chartAreaBounds = chartLayout.getChartAreaBoundingBox();

一旦您通过鼠标移动实际确定了点的位置，则可以使用以下命令调整位置：

var dataTable = myLineChart.getDataTable();
var spX = ( x - chartBounds.left - chartAreaBounds.left ) / chartAreaBounds.width  * ( chartMaxX - chartMinX );
var spY = ( chartAreaBounds.height - ( y - chartBounds.top  - chartAreaBounds.top ) ) / chartAreaBounds.height * ( chartMaxY - chartMinY );
dataTable.setValue( selectedPoint.row, 0, spX );
dataTable.setValue( selectedPoint.row, selectedPoint.column, spY );

下面包含一个工作示例，其中包含两个具有单独X值的不同线数据集。
一个一个二个一个一个一个三个一个一个一个一个一个四个一个