highcharts - ハイチャートの縦線 (クロスヘア) ロジック

Question

グラフ上にカーソルを置いたときに表示され、ポイントを強調表示する垂直線を有効にできるかどうか疑問に思っていましたか?

このグラフの例: http://www.highcharts.com/stock/demo/compare -> グラフの線にカーソルを合わせると、各シリーズの適切なポイントが強調表示され、それらの間が垂直線で結ばれます。この行をトリガーし、特定のx値のポイントを強調表示するイベントが必要です。

Answer 1

この縦線はハイストックではデフォルトで表示されますが、ハイチャートではデフォルトで null です。hereのようにツールチップの十字線を設定して有効にすることができます。
すべてのシリーズを同じ y 値で強調表示するには、こちらのように共有を true に設定する必要があります。
コード：

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

次の参照を参照して、十字線のスタイルを設定できます。