Question

我有点难过。对Highcharts来说有点新鲜。我有一个淡化版本的图表，我正在制作我正在看到的问题。

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

但是，当第一个y轴得到的值远大于第二个y轴时，图表不会自动重新调整大小，数据点会脱离图表。

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

  {
    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/

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

1 个答案: