Highcharts ytd

Question

我有一个高库存图表与导航器同步与4高图表图表。我最初想在所有5个图表上显示YTD，但下面显示了一个X轴错误。看起来它需要在所有图表呈现后设置。我试过几个地方，但都没有用。

rangeSelector: {
    selected: 3
},

有什么建议吗？

如果不是太麻烦的话，这里是the site I'm working on。5个图表的代码太长了，不能在这里显示。单击任意图标。

Answer 1

问题是设置rangeSelector.selected: 3会触发xAxis.events.setExtremes函数，该函数引用尚未初始化的其他图表，并导致错误。

要解决这个问题，您可以简单地将您的chart1构造函数移到最后，然后先执行其他图表。

简而言之：

$('#container2').highcharts({
    // ...
});
$('#container3').highcharts({
    // ...
});
$('#container4').highcharts({
    // ...
});
$('#container5').highcharts({
    // ...
});
$('#container1').highcharts('StockChart', {
    rangeSelector: {
        selected: 3
    },
    xAxis: {
        events: {
            setExtremes: function (e) {
                var thisMin = e.min,
                    thisMax = e.max,
                    chart2 = $('#container2').highcharts();
                chart3 = $('#container3').highcharts();
                chart4 = $('#container4').highcharts();
                chart5 = $('#container5').highcharts();

                chart2.xAxis[0].setExtremes(thisMin, thisMax);
                chart3.xAxis[0].setExtremes(thisMin, thisMax);
                chart4.xAxis[0].setExtremes(thisMin, thisMax);
                chart5.xAxis[0].setExtremes(thisMin, thisMax);
            }
        }
    },
    // ...
});