使用高图动态显示y轴上的百分比

Question

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

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

我有两个y轴数据，因此我可以更改其中一个yaxis数据，以显示相对于当前最大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] + '%';
    }
  }
}