Как создать свежий экземпляр Highcharts?

Question

Я использую Highcharts.setOptions(...);, чтобы установить глобальную конфигурацию, например, тему для моего старого приложения.Мы делаем капитальный ремонт, и новая версия имеет конструктивные различия.Я хочу сделать тематику на глобальном уровне, как я делал для старых графиков.Проблема в том, что применение одного набора конфигурации на глобальных уровнях становится общим для обоих экземпляров.

Поэтому мне было интересно, есть ли способ создать новый свежий экземпляр Highcharts, а затем использовать его на панели инструментов.Что-то вроде axios.

const instance = axios.create({})

Любая помощь приветствуется.

Answer 1

Вы должны использовать setOptions только один раз, потому что он перезаписывает глобальные настройки.

Экспериментальный обходной путь - сохранить текущий экземпляр Highcharts в переменной и снова загрузить Highcharts:

HTML:

<script src="https://code.highcharts.com/highcharts.js"></script>
<script>
    var Highcharts1 = Highcharts;
    Highcharts = null;
</script>
<script src="https://code.highcharts.com/highcharts.js"></script>

JS:

Highcharts1.setOptions({
    chart: {
        ...
    }
});

var chart1 = Highcharts1.chart({
    ...
});

var chart2 = Highcharts.chart({
    ...
});

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/38zLxghc/

Тема: Highcharts: setOptions для двух разных серий диаграмм?