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

使用xAxis类别时，如何在运行时更新highcharts xAxis范围

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

我曾尝试使用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);
});

---

正如内森（Nathan）在他的评论中已经指出的，您正在设置低于默认值的极端值，因此要解决这个问题，您可以将所提到的选项设置为1

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

---

jsiddle:

setExtremes（）的文档提到，“将不允许低于minRange选项的范围，默认情况下，minRange选项是五个点的范围”。给定要传递的值，是否相应地设置了xAxis

minRange

属性？看起来它也可以工作：。所以，我想我可以使用一个显式的min/max，或者简单地设置minRange。