Highcharts：将两个系列水平对齐到相对的同一x轴上

Question

我有一个具有两个带有两个yAxis的序列的高位图表。他们两个共享相同的xAxis。但是我需要这两个系列在相反的一侧（一个在底部，另一个在顶部）。我可以通过在一个yAxis选项中添加reversed: true来实现。但是现在我在将两个系列水平对齐成一行时遇到了一个问题。我不介意他们重叠。搜索后，我发现可以通过放置minPadding和maxPadding来删除此空间，但是它不起作用。这在海图中有可能吗？

我希望它像下面这样，

有人可以建议如何对齐吗？预先感谢。

我的代码如下

Highcharts.chart('container', {
    xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
              'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
      },
    yAxis: [
    {
        opposite: true
    }, 
    {   // Secondary yAxis
        reversed: true
    }
    ],
    series: [{
        name: 'S1',
        type: 'column',
        data: [40, 60, 50],
        minPadding: 0,
        maxPadding: 0
    }, {
        name: 'S2',
        type: 'column',
        yAxis: 1,
        xAxis: 0,
        minPadding: 0,
        maxPadding: 0,
        data: [30, 20, 10]

    }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

Answer 1

您需要禁用grouping：

series: [{
  ...,
  grouping: false
}, ...]

---

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4945/

API参考： https://api.highcharts.com/highcharts/series.column.grouping