Highcharts两次渲染相同的图表

Question

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

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

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

Answer 1

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

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

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