highcharts - 是否可以在高图中拖动标记？

Question

是否可以拖动标记，当前单击能够使用高图表中的情节线获取新标记的图表！是否可以按住/抓住标记线并将其拖动到图表上？

点击情节

  var chart = this.xAxis[0];


                            chart.removePlotLine('plot-line-1');
                            chart.addPlotLine({
                                value: event.xAxis[0].value,
                                color: '#FF0000',
                                width: 2,
                                id: 'plot-line-1'
                            });

Answer 1

看到这个：http ://api.highcharts.com/highcharts#xAxis.plotLines.events

支持的属性是click, mouseover, mouseout, mousemove。这些事件不足以实现标记（PlotLine）的拖动选项。至少不是以整洁的方式。

Answer 2

查看 Highcharts 的可拖动插件：jsfiddle.net/highcharts/AyUbx/

Answer 3

您可以通过将 on 事件分配给 svg 元素来做到这一点：

http://jsfiddle.net/yem93w5o/1/

var 行，点击 Y；

    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);