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?

如何创建一个新的Highcharts实例？

1 个答案: