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

Question

我有点难过。对 Highcharts 有点陌生。我针对所看到的问题制作了图表的简化版本。

我在两个 y 轴上有三个值。第二个 y 轴链接到第一个以确保它们共享相同的比例。

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

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

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

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

知道为什么会这样吗？可以做些什么来解决这个问题？

谢谢！

Answer 1

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

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/

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

Highcharts Chart with Two Axis Not Scaling Correctly

javascript

charts

axis

highcharts