-1

ハイチャートのプロットラインを使用して新しいマーカーを取得できるチャートをクリックして、マーカーをドラッグすることは可能ですか! マーカー ラインを保持/つかみ、チャート上でドラッグすることは可能ですか?

プロットラインをクリック

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

3 に答える 3

0

on イベントを svg 要素に割り当てることで実行できます。

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);
于 2015-12-07T18:47:11.280 に答える
0

これを参照してください: http://api.highcharts.com/highcharts#xAxis.plotLines.events

サポートされているプロパティはclick、、、、mouseoverです。これらのイベントは、マーカー (PlotLine) のドラッグ オプションを実装するには不十分です。少なくともきちんとした方法ではありません。mouseoutmousemove

于 2014-11-11T10:43:35.913 に答える