高圖-使用xAxis類別時設置xAxis范圍？

Question

使用xAxis類別時如何在運行時更新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/