javascript - Highcharts - 使用 xAxis 类别时设置 xAxis 范围？

Question

使用 xAxis Categories 时如何在运行时更新 highcharts xAxis 范围？

在下面的 JsFiddle 中，期望的结果是当用户单击“所有月份”时，他们将看到完整的系列数据，而当用户单击“两个月”时，他们将仅看到两个月的数据。

http://jsfiddle.net/looshi/4tuvC/453/

我尝试使用 xAxis 函数 setExtremes 和 setCategories，但无法正常工作。

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },

    series: [{
        data: [29.9, 71.5, 106.4]
    }]

});

$('#show-all-months').click(function() {
    //chart.xAxis[0].setCategories(['Jan', 'Feb','Mar']);
    chart.xAxis[0].setExtremes(0,2);
});

$('#show-two-months').click(function() {
    //chart.xAxis[0].setCategories(['Jan', 'Feb']);
    chart.xAxis[0].setExtremes(0,1);
});

Answer 1

正如 Nathan 在他的评论中已经指出的那样 - 您设置的极端值低于默认值 minRange ，因此要解决此问题，您可以将提到的选项设置为例如1.

...
xAxis: {
    categories: ['Jan', 'Feb', 'Mar'],
    minRange: 1
},
...

JSFiddle:http://jsfiddle.net/4tuvC/468/