Highcharts - 在使用 xAxis 类别时设置 xAxis 范围？答案

【问题标题】：Highcharts - set xAxis range when using xAxis Categories?Highcharts - 在使用 xAxis 类别时设置 xAxis 范围？
【发布时间】：2015-11-24 00:15:49
【问题描述】：

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

在下面的 JsFiddle 中，期望的结果是当用户点击 'All Months' 时他们会看到完整的系列数据，而当用户点击 'Two Months' 时，他们只会看到两个月的数据。

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);
});

【问题讨论】：

setExtremes() 的文档提到，“不允许范围低于 minRange 选项，默认情况下是五个点的范围”。给定您传递的值，您是否相应地设置了 xAxis minRange 属性？
看起来它也可以工作：jsfiddle.net/looshi/4tuvC/465。所以，我想我可以使用明确的最小值/最大值，或者简单地设置 minRange。

标签： javascript jquery highcharts

【解决方案1】：

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

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

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

【讨论】：