Highcharts.js-同一页面上有多个主题？

Question

我在一页上有大约6个图表，其中一个需要与其他五个有不同的主题。我有单独工作的主题，但初始化的第二个主题适用于所有图表。

有没有一种方法可以指定图表使用的主题？

Answer 1

阅读了里卡多的评论后，我意识到我只需要将setOptions()调用移至$(document).ready调用内。

我的代码的简化版本:

Highcharts.theme1 = {
    chart: {
        borderWidth: 0,
    },
}; 

var chart;
$(document).ready(function() {

    // Apply the theme
    var highchartsOptions = Highcharts.setOptions(Highcharts.theme1);

    // Build the chart
    chart = new Highcharts.Chart({});

});

Highcharts.theme2 = {
    chart: {
        borderWidth: 5,
    },
};

var chart2;
$(document).ready(function() {

    // Apply the theme
    var highchartsOptions = Highcharts.setOptions(Highcharts.theme2);

    // Build the chart
    chart = new Highcharts.Chart({});

});