2013-08-06 88 views
0

美好的一天每個人。我有一個問題:我可以將縮放選擇框顏色(selectionMarkerFill:rgba(69,114,167,0.25) - 屬性的默認值)更改爲任何動態。我在頁面上添加了一個Jquery UI可調整大小的元素。所以當我調整元素HighChart開始繪製一個縮放藍色矩形。所以我只想讓選擇框的顏色在Resizable插件的「開始」事件上變爲透明,並在「停止」事件中將其重新打開。或者可能只是以這種方式禁用「zoomtype」屬性。無論如何,我只是想知道是否有可能在飛行中改變屬性。謝謝!HighCharts更改縮放選擇標記動態填充顏色

+0

使你的代碼 – Venugopal

+0

的撥弄它是有點兒理論性的問題。我認爲小提琴在任何情況下都無濟於事。 (並且有很多代碼要粘貼)。但我創建了一個虛擬小提琴 - http://jsfiddle.net/dMLdx/ 只需嘗試用鼠標選擇一個區域 - 您會看到選擇框現在是藍色的。是否可以通過點擊小提琴上的按鈕將它改變爲紅色? –

+0

我檢查了highcharts.js文件,你可以改變矩形的背景顏色。行號155.現在的顏色 - rgba(69,114,167,0.25)。將其改爲任何你想要的。 – Venugopal

回答

0

Unforutnately它不是avaialble,你需要摧毀並創建新的圖表或準備您的自定義選擇功能,基於點擊。

+0

你可以請一個自定義點擊處理程序的幫助嗎? –

0

您可以使用CSS即時更改樣式。動態添加或刪除類的父元素,則:

.your-dynamic-class .highcharts-selection-marker { 
    fill: red!important; 
    opacity: 0.8; 
}