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

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

Answer 2

请参阅：http://api.highcharts.com/highcharts#xAxis.plotLines.events

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

Answer 3

您可以通过为svg元素分配on事件来实现：

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

var line，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');
    }

（...）

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

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

3 个答案: