2012-04-22 73 views
10

我想知道是否可以激活出現的垂直線,並將鼠標懸停在圖上時突出顯示點?Highcharts垂直線(十字線)邏輯

例如,在此圖中:http://www.highcharts.com/stock/demo/compare - >將鼠標懸停在圖形線上時,每個系列中的適當點將突出顯示,並在它們之間連接一條垂直線。 我需要一個事件來觸發這一行,並突出顯示特定x值的點。

+0

「特定x值」是什麼意思?小提琴突出了某些值。 – dgw 2012-04-22 22:42:51

+0

是的,它突出顯示了我將鼠標懸停在它們上方的值,但我想要一種方式將其激活而不會懸停在圖上。例如,當選擇一個按鈕時,突出顯示一組特定的垂直點。 – user1350024 2012-04-23 06:23:24

回答

21

這條垂直線默認顯示在highstock上,但在高位圖上默認爲null。您可以啓用它設置工具提示十字線,如here
要突出顯示所有系列的相同y值,您必須設置共享爲true,如here
代碼:

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

您可以風格你看十字線以下reference

+0

嗨,@Ricardo Alvaro Lohmann。你爲什麼拒絕我建議的編輯?當前版本的Highcharts不贊成在'tooltip'上使用'十字線'。我的編輯不是提倡產品或服務,或故意破壞性的。或者,有可能我錯了嗎?如果'是' - 那我哪裏錯了? – 2017-09-07 07:13:19

+1

@BohdanKuts看起來是對的,現在看來你應該使用[xAxis.crosshair](https://api.highcharts.com/highcharts/xAxis.crosshair)和yAxis.crosshair而不是tooltip.crosshairs。 – Lucas 2017-12-11 16:40:18