最初のyAxisのデータに基づいて2番目のyAxisスケールを設定する方法

Question

私には奇妙な要求があります。私の上司は、第二の軸を持つ既存のグラフを改善したいと考えています。

青色領域は、緑色領域の読み取りの完了率（％）のように、第2軸の目盛りを定義する必要があります。 100％の値は、青色の領域の最大値である必要があります。私は何の問題もなく青い領域の最高値を収集することができますが、私はこの値に従って2番目の軸のプロパティを設定する方法がわかりません。第2軸にはデータが関連付けられていないので、表示されません。

ご存じですか？

PS：私は可能な限り明確にしようとしましたが、そうでなかった可能性があります。もっと説明が必要なのかどうか私に教えてください。

Answer 1

axis.linkedToを使用すると、2番目の軸とデータフォーマッタを使用して、パーセントでフォーマットされたデータを取得できます。

私はシリーズデータを変更していないので、2番目のyAxisスケール、ツールチップ、およびデータラベルに表示されているテキストのみを変更します。 jsFiddle上

yAxis: [{ 
    // Default options 
}, { 
    linkedTo: 0, 
    opposite: true, 
    labels: { 
     formatter: function() { 
      return formatPercent(this.value); 
     } 
    } 
}] 

例：http://jsfiddle.net/uPHZx/