2015-03-18 36 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