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

Question

Here (see this jsfiddle) 2次元十字線が最も近いデータポイントにスナップしているのがわかります。クロスヘアとツールチップをチャートの現在のマウス位置に対応させるにはどうすればよいですか？

tooltip: { 
    crosshairs: [true, true] 
} 

Answer 1

jsFiddle Solution

私は十字線のため、グラフ内絶えず変化し、マウスの位置を取得するために私自身のMouseMoveイベントを結合終わりました。ツールチップについては、私はちょうど使用した：

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

これはあなたを行くのに十分なはずです。

Answer 2

残念ながら、十字線は、このように動作しますが、あなたのマウスオーバーとマウスアウトイベントで独自のソリューションを用意し、レンダラによってドローラインを追加することができます。

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

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

Answer 3

あなたは試すことができ、それ Set axis crosshair for mouse move

Example

$('#container').highcharts({ 
    xAxis: { 
     crosshair: { 
      snap: false 
     } 
    }, 
    yAxis: { 
     crosshair: { 
      snap: false 
     } 
    }, 
    series: [{ 
     data: [6, 4, 2,4], 
     name: 'First' 
    }, { 
     data: [7, 3, 2], 
     name: 'Second' 
    }, { 
     data: [9, 4, 8], 
     name: 'asdf' 
    }]   
});