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

+0

Есть ли способ изменить тему? как воссоздать диаграмму –

+0

Изменение темы - это не что иное, как просто вызов 'setOptions()' с новой опцией. Чтобы воссоздать диаграмму, просто уничтожьте предыдущую и создайте новую с теми же параметрами. –