javascript - 如何使用按钮更改 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 不会更新图表，仅..更改新图表的默认选项。因此，在您的情况下，您需要重新创建图表。