javascript - 使用 highchart 在 y 轴上动态显示百分比

Question

我有一系列遵循以下架构的数据：

[x-axis data, y-axis data, y-axis data]

我有两个 y 轴数据，因此我可以更改其中一个 y 轴数据以显示相对于当前最大 y 轴数据的百分比值，从而使以下情况成立：

[x-axis data, y-axis data, percentage based on current max(y-axis)]

当前的最大值（y 轴）基于客户端完成的当前缩放级别（拖动缩放图）。

那么问题来了：如何将 y 轴设置为始终显示 0 到 100 并根据百分比显示行高？目前，这些值根据缩放作为标签发布到相应的栏，但我不知道如何使用这些值并将它们对应于 0 - 100 y 轴图。棘手的部分是在用户放大时动态更改它们。

这是我目前所拥有的：http: //jsfiddle.net/6mMZS/7/

这是一个例子：

Answer 1

演示：http: //jsfiddle.net/6mMZS/10/

您可以使用

yAxis: {
  /* Other things */
  labels: {
    formatter: function(){
      return 100 * this.value / $(this.axis.tickPositions).last()[0] + '%';
    }
  }
}