堆疊的colomn圖表datetime類型在xAxis上有很多日期

Question

當使用堆疊的colomn圖表和xAxis類型是yAxis上的datetime很多日期時，儘管只調度了2個日期。

http://jsfiddle.net/jBxbe/

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     xAxis: { 
      type: 'datetime', 
     }, 
     yAxis: { 
     }, 
     plotOptions: { 
      column: { 
       stacking: 'normal', 
       minPointLength: 3 
      } 
     }, 
      series: [{ 
      name: 'Ex1', 
      data: [[1367280000000,8],[1369872000000,26349]] 
     }, { 
      name: 'Ex2', 
      data: [[1367280000000,19196],[1369872000000,31213]] 
     },] 
    }); 
}); 

Answer 1

隨着對數據如此少量的，你可能會更好過使用category x軸，而不是日期時間。這會讓您更好地控制顯示器。

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     xAxis: { 
      categories: ['Apr 2013','May 2013']     
     }, 
     yAxis: { 
     }, 
     plotOptions: { 
      column: { 
       stacking: 'normal', 
       minPointLength: 3 
      } 
     }, 
      series: [{ 
      name: 'Ex1', 
      data: [8,26349] 
     }, { 
      name: 'Ex2', 
      data: [19196,31213] 
     },] 
    }); 
}); 

小提琴here。

Answer 2

可以使用pointRange參數http://api.highcharts.com/highcharts#plotOptions.column.pointRange/tickInterval（http://api.highcharts.com/highcharts#xAxis.tickInterval）兩大類http://api.highcharts.com/highcharts#xAxis.categories