是否可以在高位图中拖动标记？-Java 学习之路

-1

是否可以拖动标记，目前点击图表能够使用高图中的情节线获得新标记！是否可以保持/ grab 标记线并将其拖动到图表上？

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

3 回答

0

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

回复于 2024-05-08T10:24:16+08:00
0

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

支持的属性是 click ，_ 289539， mouseout ，_ 289595 . 这些事件不足以实现标记（PlotLine）的拖动选项 . 至少不是一个整洁的方式 .

回复于 2024-05-08T10:24:16+08:00

您可以通过为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);

回复于 2024-05-08T10:24:16+08:00

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

3 回答

相关问题