两个轴未正确缩放的 Highcharts 图表

Question

我有点难过。对 Highcharts 有点陌生。我有一个淡化版本的图表，用于解决我看到的问题。

我在两个 y 轴上有三个值。第二个 y 轴与第一个 y 轴相关联，以确保它们共享相同的比例。

但是，当第一个 y 轴的值远大于第二个时，图表不会自动调整大小并且数据点会离开图表。

http://jsfiddle.net/L8x4a7x1/

在这个例子中，如果你看这个系列：

  {
    name: "Vals 0",
    type: 'column',
    yAxis: 1,
    data: [10, 200]
  }

值 200 不在图表中，因为比例似乎只关心样条 y 轴。

知道为什么会出现这种情况以及可以做些什么来解决它吗？

谢谢！

Answer 1

当一个轴是linkedTo 另一个轴时，它会从主站获取极端值。由于您的主（第一个 yAxis）被分配给样条线，因此您在主轴中有 12 个最大值。因此，以具有最大极值的 y 轴为主。

series: [{
    name: "Vals 0",
    type: 'column',
    yAxis: 0,
    data: [10, 200]
}, {
    name: "Vals 1",
    type: 'spline',
    yAxis: 1,
    data: [4, 6]
}, {
    name: "Vals 2",
    type: 'spline',
    yAxis: 1,
    data: [3, 1]
}]

http://jsfiddle.net/6evnttmg/