在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/