Highcharts.js - 同一个页面上的多个主题？(Highcharts.js - mult

我有一个页面上约6图表，其中一人需要从其他五个有不同的主题。 我有主题独立工作，但第二个初始化应用到所有的图表。

是否有指定主题图表使用的方法吗？

Answer 1:

阅读李嘉图的评论后，我意识到我不得不移动setOptions的$（文件）。就绪里面调用（）调用。

我的代码一个大大简化版本：

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({});

});

Answer 2:

最佳实践目前将与你的主题，以合并chart options ：

chart1 = new Highcharts.Chart(Highcharts.merge(options1, theme1));

var options1 = {
    // options goes here
       chart: {
            renderTo: 'chart1',
            type: 'bar',
        },
        title: {
            text: 'Conversions'
        },
};

var theme1 = {
     // themes goes here
};

var chart1 = new Highcharts.Chart(Highcharts.merge(options1, theme1));

这样，您可以为每个图表设置单独的主题，如果你需要太

文章来源: Highcharts.js - multiple themes on same page?