Highchart - 線或區域不是從左邊開始點

Question

嗨，我正在使用Highchart繪製圖表。它工作正常。我得到這個問題：

我給類別爲幾個月。而行開始（行/面）是月份的中心開始，而不是月份的左側，所以在十月份，行開始在中心，以及上個月以中心點結束，不以圖表的結尾。但我的客戶希望它能在適當的月份開始和結束。我加入的jsfiddle供大家參考：

http://jsfiddle.net/QmwaW/

感謝

Answer 1

您需要更改tickmarkPlacement選項設置爲 'ON'。

xAxis:[{ 
     categories:categories, 
     title:{text:null}, 
     gridLineWidth: 1, 
     verticalAlign:'top', 
     lineWidth:0, 
     offset:-400, 
     minPadding:0, 
     maxPadding:0, 
     margin:[0,0,0,0], 
     tickmarkPlacement:'on' 
    }], 

Answer 2

看看How to get Highcharts X-Axis Categories starting at the left most point。

簡而言之 - 當您設置xAxis.Categories時，xAxis變爲'string'而不是'numeric'。所以所有的滴答設置（startOnTick，endOnTick ...）都不能使用它。好的技巧是覆蓋xAxis.labels格式：

var xCategories = ['1990','1991','1992','1993','1994','1995','1996','1997','1998']; 

    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
     }, 
     xAxis: { 
      labels: { 
       formatter: function() { 
        return xCategories[this.value]; 
       } 
      }, 

      startOnTick: false, 
      endOnTick: false, 
      minPadding: 0, 
      maxPadding: 0, 

      gridLineWidth: 1 
     }, 
     series: [{ 
      data: [2000,9001,1337,100,1000,4444,8888,1844,6780] 
     }] 
    }); 

見例如：http://jsfiddle.net/vnJLG/