Question

请你看看documentation，让我知道如何将一张高图表图表分成两个容器我已经尝试了两个

renderTo: 'container',
renderTo: 'container2',

和

renderTo: 'container, container2',

在

$(function() {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container',
            renderTo: 'container2',
            type: 'column',
            plotBorderWidth: 1
        },
        yAxis: {
            title: {
                text: 'useHTML = true',
                useHTML: true
            }
        },
        series: [{
            data: [23,45,12,89,123,12,5]}]

    });

});

但没有成功！

Answer 1

您应该在classname上调用highcharts而不是ID。我添加了一个假类（render_here）来使它工作。像下面的代码一样使用它：

$(function() {
$('.render_here').each(function(){
var chart = new Highcharts.Chart({

    chart: {
        renderTo: this,

        type: 'column',
        plotBorderWidth: 1
    },
    yAxis: {
        title: {
            text: 'useHTML = true',
            useHTML: true
        }
    },
    series: [{
        data: [23,45,12,89,123,12,5]}]

});
});
});

以下是Working fiddle

在两个容器中渲染Highcharts图表

1 个答案: