我可以并排放置两个Highcharts系列吗？

Question

查看此示例：http://www.highcharts.com/stock/demo/candlestick-and-volume

有没有办法可以将这两个系列并排放置而不是堆叠在上面？

Answer 1

您可以使用axis.width和axis.left。你不会在轴正式API中找到它们，所以你可能会遇到一些问题，例如工具提示存在问题 - issue on github。

使用两个x轴相邻的基本配置：

xAxis: [{
  width: 200,
  left: 50
}, {
  width: 200,
  left: 300,
  linkedTo: 0,
  offset: 0
}],

工具提示位置的解决方法（共享工具提示似乎无法正常工作）

tooltip: {
  shared: false,
  shape: 'rect',
  positioner: function(w, h, p) {
    return {
      x: p.plotX + this.chart.hoverSeries.xAxis.left - w / 2,
      y: p.plotY
    }
  }
},

示例：http://jsfiddle.net/fqc5np5g/