2015-03-18 35 views
0

所以我輸入了幾個不同的主題是這樣的:如何用按鈕更改Highstock圖形的主題?

<script src="/js/themes/skies.js"></script> 
<script src="/js/themes/sand-signika.js"></script> 
<script src="/js/themes/grid.js"></script> 
<script src="/js/themes/grid-light.js"></script> 
<script src="/js/themes/gray.js"></script> 
<script src="/js/themes/dark-unica.js"></script> 
<script src="/js/themes/dark-green.js"></script> 
<script src="/js/themes/dark-blue.js"></script> 

我激活它們是這樣的:

Highcharts.setOptions(Highcharts.skies); 

把這個圖上面工作得很好,但是當我嘗試使用按鈕,這樣我可以在我的網站上更改它們,沒有任何反應。我已經試過是這樣的:

$('#skies').click(function() { 
    Highcharts.setOptions(Highcharts.skies); 
}); 

我知道按鈕的作品,因爲我已經有window.alert測試它(),但爲什麼不主題得到更新?

回答

1

Highcharts.setOptions不更新圖表,僅..更改新圖表的默認選項。所以在你的情況下,你需要重新創建圖表。

+0

謝謝,這exaplains爲什麼它沒有工作! :) – dansan 2015-03-19 15:32:57

+0

有什麼方法可以改變主題嗎?如何重新創建圖表 – 2017-01-30 12:12:16

+0

更改主題不過是使用新選項調用'setOptions()'。要重新創建圖表,只需銷燬前一個並使用相同選項創建一個新圖表。 – 2017-01-31 11:16:58