javascript - 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);

Answer 2

您可以使用此选项：

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