javascript - ハイチャート - データ ポイントにスナップする代わりに、マウスの位置に十字線/ツールチップを描画する

Question

ここで (この jsfiddleを参照)、2 次元の十字線が最も近いデータポイントにスナップしていることがわかります。十字線とツールチップをチャート上の現在のマウス位置に対応させるにはどうすればよいでしょうか?

tooltip: {
  crosshairs: [true, true]
}

Answer 1

jsFiddle ソリューション

十字線のグラフ内で絶えず変化するマウスの位置を取得するために、独自の mousemove イベントをバインドすることになりました。使用したばかりのツールチップの場合:

tooltip: {
            shared: true,
            followPointer: true
        },

これで十分です。

Answer 2

残念ながら十字線はこの方法でしか機能しませんが、mouseOver および mouseOut イベントによって独自のソリューションを準備し、レンダラーによって描画線を追加することができます。

http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOut

http://api.highcharts.com/highcharts#Renderer