從x軸重繪中刪除數據點問題

Question

當從加載事件中的圖表中刪除數據點時，我們會發現奇怪的現象。

我們使用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例子，而不是工作

• 工作 - http://jsfiddle.net/arty_/418xcrq9/
• 不工作 - http://jsfiddle.net/arty_/0cu5cu9t/

就如何解決這個

乾杯任何建議

Answer 1

Th是因爲xAxis minRange行爲（docs）決定了軸應顯示的最小範圍。這在你的案例中默認爲5，這就解釋了爲什麼即使你失分時也試圖保持更寬的軸。將minRange設置爲更低的值（例如1），並且不會有任何問題！

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

New Fiddle