在x軸上對齊日期標記

Question

設置最小值和最大值時，是否可以在折線圖上使用minPadding或maxPadding？

我有一個看起來像這樣的X軸：

xAxis: { 
      type: 'datetime', 
      dateTimeLabelFormats: { // don't display the dummy year 
       month: '%e. %b', 
       year: '%b' 
      }, 
      title: { 
       text: 'Date' 
      }, 
      min: Date.UTC(1970, 9, 21), 
      max: Date.UTC(1971, 5, 3), 
      minPadding: 0.2 
     }, 

minPadding這麼想的似乎按預期方式工作。我的目標是嘗試在折線圖和柱狀圖上對齊日期標記。

這裏舉例：

http://jsfiddle.net/gtx21hhx/1/

Answer 1

它總是在兩個不同的圖表棘手得到行和列排隊。

有解決這個兩種不同的方法我強大的使用：

1）添加一個虛設column系列的行表，其中沒有任何數據。這將強制對齊。

2）使用兩個垂直堆疊的y軸製作一個圖表，而不是兩個圖表，然後對齊將默認爲列對齊。

另外，請確保你有相同的leftMargin如果你要堅持兩個圖表 - 你的X軸不是在同一個點開始，他們將永遠不會對齊。

這裏是一個虛設序列的例子：

• http://jsfiddle.net/jlbriggs/gtx21hhx/4/

下面是如何，您可以設置多個y軸在同一圖表上的例子：

• http://jsfiddle.net/jlbriggs/py5cznd7/2/