次のスキーマに従う一連のデータがあります。
[x-axis data, y-axis data, y-axis data]
2 つの y 軸データがあるので、y 軸データの 1 つを変更して、現在の最大 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/
次に例を示します。
