Javascript 从x轴重绘问题中删除数据点

当从load事件内的图表中删除数据点时，我们会出现奇怪的行为

我们正在使用Highcharts JS v4.1.7（2015-06-26）

当序列有6个以上的数据点时，我们删除第一个数据点，图表将正确地重新绘制。当序列具有6个或更少的数据点时，删除的数据点标签仍然可见。除此之外，还添加了一个新的类别标签，似乎是原来的类别数（例如6个）。请参见下面的屏幕截图：

工作：

不工作：

这是我们在示例中使用的加载事件代码，它不起作用

$(function () {
// create the chart
$('#container').highcharts({
    chart: {
        events: {
            load: function () {
                var chart = $('#container').highcharts(),
                    series = chart.series[0];
                if (series.data.length) {
                    chart.series[0].data[0].remove();
                }
            }
        }
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});

}))

下面是JsFiddle示例，展示了它的工作和不工作

• 工作-
• 不工作-

有没有关于如何解决这个问题的建议

---

干杯

这是因为xAxis

minRange

行为（）控制轴应显示的最小范围。在您的情况下，该值默认为5，这解释了为什么即使在您失去分数时，它也会尝试保持更宽的轴。将minRange设置为较低的值（如1），您将不会遇到任何问题

xAxis: {
    minRange: 1,
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
},