Javascript 对Highstock图表中的多个Y轴具有相同的缩放比例

我试图有两个Y轴具有不同的高度（80%和20%），但具有相同的比例。与下图类似

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

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

第一个Y轴必须以-50开始，这没有任何用处，因为实际点从0开始

第二个Y轴从50开始，以-50结束，这实际上没有用，因为值仅在-5到0的范围内

当移动底部的滚动条时，它也失去了自动设置极端值的能力

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

我正在查看的图表可能类似于下面的内容请注意，由于没有数据落在该范围内，因此10到190之间的勾线未出现在下表中。但是，除了从0点到200点，缩放是相同的，我可以接受，因为在这个范围内没有数据。

---

请帮忙。

Hi@shashwat，你能更详细地解释一下你的问题吗？我已经测试了你的例子，每一点似乎都是可见的。我为这个问题添加了两个截图。但我的问题现在随着我的尝试而发展得更多了。我将在几个小时后添加更多细节。谢谢你的回答。嗨@ppotaczek，我已经在问题中重新描述了我的问题。当你有机会的时候，请看一看。嗨，SHWWAT，你考虑只用一个Y轴吗？示例：@ppotaczek，是的，但问题是我的第一个y轴值通常从很高的值开始（比如1000万），在这种情况下，我看到所有不必要的y轴刻度从0到1000万。第二个y轴值始终保持在0以下。

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,
  }],
  
});