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] + '%';
    }
  }
}