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

Question

看这个例子：http://www.highcharts.com/stock/demo/candlestick-and-volume

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

Answer 1

您可以使用 axis.width 和 axis.left。您不会在 axis 官方 API, so you may encounter some issues with it, e.g. problem with a tooltip - 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/

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

Can I lay two Highcharts series side-by-side?

highcharts

highstock