如何在多个容器/选择器中显示单个hightchart条形图？

Question

我试图在一个页面上的多个div容器中显示相同的条形图。由于某种原因（没有抛出任何错误消息），高图不会在任何容器中显示图形。

我为此案例创建了JSfiddle。

$('#container,#container2').highcharts({ /*....*/ })

因为，没有错误我似乎无法弄清楚如何解决它。

我能想到的一件事就是为每个容器多次使用该功能，但我认为这不是一个真正的解决方案。

请指导。 谢谢，

Answer 1

每次初始化高级图表时，您可以创建一个变量并将该变量作为参数传递，请参阅JSFiddle

$highchartOpts = {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Historic World Population by Region'
    },
    .....
};
$('#container2').highcharts($highchartOpts);
$('#container').highcharts($highchartOpts);