Highstock 图表中多个 Y 轴的缩放比例相同

Question

我正在尝试使用 2 个具有不同高度（80% 和 20%）但具有相同缩放比例的 Y 轴。类似于下图所示。

两个 Y 轴具有完全相同的缩放比例。我想用 Highstock 实现同样的目标。我尝试了诸如“linkedTo”之类的选项，在 y 轴上设置最小值和最大值。但我能得到的最接近的是如下所示：

它具有相同的缩放比例，但存在以下问题：

1. 第一个 Y 轴必须从 -50 开始，这没有用，因为实际点从 0 开始。
2. 第二个 Y 轴从 50 开始并以 -50 结束，这实际上没有用，因为值仅在 -5 到 0 的范围内。
3. 当移动底部的滚动条时，它也失去了自动设置极端的能力。

这确实使图表不是很有用。如果我将高度分成 80%-20% 的比例，它也会中断。

jsfiddle

Highcharts.stockChart('chart', {
  yAxis: [{
    height: '50%',
    max: 100,
    min: -5,
  }, {
    top: '50%',
    height: '50%',
    linkedTo: 0,
    max: 100,
    min: -5,
  }],
  
  series: [{
    data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
  }, {
    data: [0, -1, 0, -2, -2, -3, -2, -5, 0, -2],
    yAxis: 1,
  }],
  
});

我正在查看的图表可能如下所示。 请注意，从 10 到 190 的刻度线没有出现在下面的图表中，因为没有数据落在这个范围内。但缩放比例是相同的，除了从 0 点到 200 点我可以接受，因为在这个范围内没有数据。

请帮忙。