Highcharts两次渲染相同的图表

Question

有谁知道如何使用highcharts两次渲染相同的图表？我的代码是：

$(function () {
$('#SuccessFailedRatio, #CounterfeitRatio').highcharts({
    chart: {
....

我的html中有两个div，上面显示的是id。 CounterfeitRatio中只出现一个图表。有谁知道如何让它出现在两个div中？谢谢你的帮助！

Answer 1

我会将您的选项分成一个对象，然后将其添加到两个图表中。默认情况下，Highcharts只会将您的图表加载到适合您的jQuery选择器的第一个元素中，因此您必须将其添加到两个元素中。 Here is a jsFiddle!

var options = {
    title: {
        text: 'Monthly Average Temperature',
        x: -20 //center
    }
    //etc...
};

$('#container').highcharts(options);
$('#container2').highcharts(options);

Answer 2

您可以使用此选项：

$('#container').highcharts($.extend({},options));
$('#container2').highcharts($.extend({},options));