如何创建一个新的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 for two different series of charts？