Here (see this jsfiddle) 2次元十字線が最も近いデータポイントにスナップしているのがわかります。クロスヘアとツールチップをチャートの現在のマウス位置に対応させるにはどうすればよいですか?ハイチャート - データポイントにスナップする代わりにマウスの位置に十字線/ツールチップを描く
tooltip: {
crosshairs: [true, true]
}
Here (see this jsfiddle) 2次元十字線が最も近いデータポイントにスナップしているのがわかります。クロスヘアとツールチップをチャートの現在のマウス位置に対応させるにはどうすればよいですか?ハイチャート - データポイントにスナップする代わりにマウスの位置に十字線/ツールチップを描く
tooltip: {
crosshairs: [true, true]
}
私は十字線のため、グラフ内絶えず変化し、マウスの位置を取得するために私自身のMouseMoveイベントを結合終わりました。ツールチップについては、私はちょうど使用した:
tooltip: {
shared: true,
followPointer: true
},
これはあなたを行くのに十分なはずです。
残念ながら、十字線は、このように動作しますが、あなたのマウスオーバーとマウスアウトイベントで独自のソリューションを用意し、レンダラによってドローラインを追加することができます。
http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOut
jsfiddleを経由して本のいずれかの例がありますか?私は右腕を1つ与えるでしょう:) – idrinkpabst
レンダラとイベントを使用する例は、ドキュメント内の実際のリンクとして使用できます。 –
しかし、十字線は「ポイント」の間に現れるはずですか? –
あなたは試すことができ、それ Set axis crosshair for mouse move
$('#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'
}]
});
これは素晴らしいです、ありがとう! – idrinkpabst