在堆叠列后添加轴

Question

我在这里https://jsfiddle.net/ezhp5a4j/6/有一个区域和一个堆积的条形图但是我需要实现类似的东西：添加另一个系列：这个实际但不是堆叠的列，从jan开始。 2010年12月底。 2010年在y轴上有一定的位置，我的需要是安静简单，但我不知道如何实现，我想我需要另一个X轴？ 其实我有：

xAxis: {
    type: 'datetime',
    ordinal: false
  },

也许我需要在这个左右添加数组？

Answer 1

您可以使用第二个轴执行此操作，但这不是必需的。

如果添加新数据系列，并使用一些其他参数来控制大小和间距，则它们都可以使用相同的x轴。

示例：

{
  "name": 'Summary',
  type: 'column',
  grouping: false, <-- make sure they don't group with the other series
  stacking: false, <-- make sure they don't stack on the other series
  color: 'rgba(0,0,0,0.5)',
  pointRange: 86400000 * 365, , <-- 1 year; set to desired time frame
  pointInterval: 86400000 * 365, <-- 1 year; set to desired time frame
  pointPadding: 0.01,
  groupPadding: 0,
  data: [10000, 15000, 9000, 13000]
}

更新了小提琴：

• https://jsfiddle.net/jlbriggs/ezhp5a4j/15/

<强>输出：

编辑评论：

要添加第二个轴，可以将xAxis对象更改为对象数组，如下所示：

xAxis: [{
  type: 'datetime',
  ordinal: false
},{
  linkedTo: 0,
  type: 'datetime',
  ordinal: false
}]

如果它们有不同的比例，我不确定将它们一起绘制是否有意义，但在这种情况下，你会删除linkedTo: 0

然后，在您的数据中，您需要指定在第二个轴上绘制哪些数据系列，方法是将xAxis: 1添加到系列选项中（您不需要为xAxis: 0指定0另一个系列，因为pointStart是默认值。

由于您在plotOptions中指定了pointStart，如果在第二轴上绘制的系列具有不同的比例，则需要在该系列中指定单独的Iterator<Object> i = Images_List.iterator(); while (i.hasNext()) { Object o = i.next(); if( o.IsSelected() ) { i.remove(); } } 选项。

更新示例小提琴：

• https://jsfiddle.net/jlbriggs/ezhp5a4j/16/