2012-04-22 16 views
10

グラフ上にマウスを置いたときに表示される縦線を有効にしてポイントを強調表示できるかどうか疑問に思っていましたか?ハイチャート垂直線(十字線)ロジック

例:http://www.highcharts.com/stock/demo/compare - >グラフ線の上にマウスを置くと、各系列の適切な点が強調表示され、それらの間に垂直線が接続されます。 この行をトリガーし、特定のx値のポイントを強調表示するイベントが必要です。

+0

「特定のx値」はどういう意味ですか?フィドルは特定の値を強調表示します。 – dgw

+0

はい、私はそれらの上にマウスを置いたときに値をハイライト表示します。例えば、ボタンを選択すると、垂直点の特定の組が強調表示される。 – user1350024

答えて

21

この縦線はハイスタンバイ時にデフォルトで表示されますが、ハイチャートではデフォルトでヌルです。ツールチップの十字線をhereのように設定して有効にすることができます。
同じy値ですべての系列を強調表示するには、hereのように共有をtrueに設定する必要があります。
コード:

tooltip: { 
    crosshairs: { 
     color: 'green', 
     dashStyle: 'solid' 
    }, 
    shared: true 
} 

referenceを探して、あなたの十字線のスタイルを設定することができます。

+0

こんにちは、@ Ricardo Alvaro Lohmann。なぜ私の提案された編集を拒否しましたか? Highchartsの現在のバージョンは 'tooltip'の' crosshairs'を使って非難されています。私の編集は、製品やサービスの普及ではなく、故意に破壊的なものでした。それとも、私が間違っている可能性がありますか? 「はい」の場合 - 私はどこが間違っていますか? –

+1

@BohdanKutsが正しく表示されているようですが、tooltip.crosshairsの代わりに[xAxis.crosshair](https://api.highcharts.com/highcharts/xAxis.crosshair)とyAxis.crosshairを使用する必要があります。 – Lucas

関連する問題