Highcharts覆盖多个日期时间系列

Question

我想覆盖两个日期时间的x轴，它们不是来自相同的日期范围但具有相同的点数（系列1的点索引x应该是系列2的点索引x的旁边）。

我试图通过两个x轴实现这一点，其中一个是隐藏的。

我基本上似乎工作，但条形图只对齐某些缩放级别。

放大的：

缩小的：

Here是我尝试过的设置的jsfiddle：

"xAxis": [{
  tickInterval: 36e5,
  "type": "datetime",
  "dateTimeLabelFormats": {
    "day": "%H"
  },
  visible: false
}, {
  tickInterval: 36e5,
  "type": "datetime",
  "dateTimeLabelFormats": {
    "day": "%H"

  },
}

Answer 1

我认为您想要使用类别 - 这样您将获得均匀分布的点轴，看看：http://jsfiddle.net/8wahvryx/2/

"xAxis": [{
  "type": "category",
  labels: {
    formatter: function() {
      return Highcharts.dateFormat('%H:%M', this.value);
    }
  }
}, {
  "type": "category",
  visible: false
}]

如果您不想更改数据格式，可以覆盖数组中的键（默认情况下为[x, y]）以支持名称：

plotOptions: {
    column: {
    keys: ['name', 'y']
  }
},

注意：在分类轴中，point.name用作点下方的类别名称。使用xAxis.labels.formatter或xAxis.labels.format将时间戳更改为小时。

Answer 2

来自@pawel fus的解决方案在大多数情况下可能有效，但遗憾的是并非适用于我。

我最终使用了两个系列的x轴完全相同的值，并且只为每个值设置了不同的名称。