Highcharts 可以在海图中拖动标记吗？

是否可以拖动标记，当前单击图表可以使用highcharts中的绘图线获得新标记！ 是否可以按住/抓住标记线并将其拖到图表上

---

查看Highcharts的可拖动插件：

jsfiddle.net/Highcharts/AyUbx/

请参见以下内容：

---

支持的属性有

单击

，

鼠标悬停

，

鼠标悬停

，

鼠标悬停

。这些事件不足以实现标记（打印线）的拖动选项。至少不整洁。

您可以通过为svg元素指定一个on事件来完成：

var行，clickY

    var start = function (e) {

$(document).bind({
    'mousemove.line': step,
        'mouseup.line': stop
});

    clickY = e.pageY - line.translateY;
    }

    var step = function (e) {
        line.translate(0, e.pageY - clickY)
    }

    var stop = function () {
        $(document).unbind('.line');
    }

（……）

---

这将拖动点和序列值。但我的问题是拖动标记并获得标记值。在上面，我通过单击图表上的任意位置实现了JSFIDLE。您所说的标记是什么意思？标记是点的元素。要在单击时获取标记值，请使用point.events.click.I知道如何使用click事件获取值。但是，我想知道如何在图表中拖动标记。您之前的评论给出了如何拖动点的详细信息和想法。那么，您想在标记中拖动点，并通过此添加新点吗？类似的内容不受支持。不。。。。我只需单击并拖动图表上的标记，并指向退出鼠标/单击的位置。我只想获取x轴值。其他事件，如

mousedown

和

mouseup

，也可以工作。现在足够了吗？很高兴知道。我相信是的，但这并不像增加一个选项那么容易。

    var start = function (e) {

$(document).bind({
    'mousemove.line': step,
        'mouseup.line': stop
});

    clickY = e.pageY - line.translateY;
    }

    var step = function (e) {
        line.translate(0, e.pageY - clickY)
    }

    var stop = function () {
        $(document).unbind('.line');
    }

line = chart.highcharts().yAxis[0].plotLinesAndBands[0].svgElem.translate(0,0).on('mousedown', start);