如何使用按钮更改 Highstock 图表的主题？

Question

所以我像这样导入了几个不同的主题：

<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() 对其进行了测试，但为什么主题没有更新？

Answer 1

Highcharts.setOptions 不更新图表，仅.. 更改新图表的默认选项。所以在你的情况下，你需要重新创建图表。

如何使用按钮更改 Highstock 图表的主题？

How to change the theme of a Highstock graph with a button?

javascript

jquery

highcharts