Highcharts烛台图表数据已被其他人写入

Question

我在同一页面上显示了两个烛台图。 它们占据相同的空间，但是一个隐藏，而另一个显示，如下所示：

<div class="box" id="box1"> <div class="box-body"> <div id="chart1"></div> </div> </div>

<div class="box" id="box2"> <div class="box-body"> <div id="chart2"></div> </div> </div>

我在上面的每个图表div中绘制了一个图表，效果很好。 我使用按钮选择一个范围，也就是当故障开始时。 如果单击chart1或chart2中的任何缩放按钮，则chart1中的数据系列似乎已被chart2中的数据覆盖，这意味着chart2系列现在也出现在chart1中，尽管已经为chart1选择了正确的缩放级别。

我是否需要以特定方式命名图表以将图表与数据系列正确分开？ 这是我的图表代码：

 $(target).highcharts('StockChart', {
    title: { text: title },
    chart : {
        backgroundColor: "none",
        plotBackgroundColor: "none",
    },
    rangeSelector : {
    buttons : [
            { type : 'hour', count : 6, text : '6h' },
            { type : 'hour', count : 24, text : '24h' },
            { type : 'day', count : 2, text : '2d' },
            { type : 'day', count : 4, text : '4d' },
            { type : 'week', count : 1, text : '1w' },
            { type : 'week', count : 2, text : '2w' },
            { type : 'month', count : 1, text : '1m' },
            { type : 'all', count : 1, text : 'All' }
                ],
        selected : 6,
        inputEnabled : false
    },
    scrollbar: { enabled: false },
    credits: { enabled: false },
    exporting: { enabled: false },
    yAxis: {
        title: { text: yaxislabel },
    },
    series : [{
        type: 'candlestick',
        data : data,
        tooltip: {
            valueDecimals: 2
        },
    }]
});

Answer 1

问题在于Highcharts不适用于数据副本，而是使用原始对象。 因此解决方案是传递数据的副本，例如：

data : $.extend(true, [], data),