高图两次绘制相同的图表

Question

有谁知道如何使用高图两次绘制同一张图表？ 我的代码是：

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

我的html中有两个div，其ID如上所示。 “伪造比率”中仅显示一张图表。 有谁知道如何使它出现在两个div中？ 谢谢您的帮助！

Answer 1

我会将您的选项分成一个对象，然后将其添加到两个图表中。 默认情况下，Highcharts只会将图表加载到适合jQuery选择器的第一个元素中，因此您必须将其专门添加到两个元素中。 这是一个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));