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),

Highcharts烛台图表数据由其他人写的

1 个答案: