0

ここにサンドボックスがあります( http://jsfiddle.net/qeyqe/ )。これは、 「グラフを垂直に伸ばす」と私が期待すること
の美しい写真です。

したがって、グラフ用のドットの配列と、高さ 100 ピクセルのキャンバスがあります。私のグラフの最大値と最小値はそれぞれ 84 (0.8425) と 44 (0.439) です。つまり、グラフの高さの範囲は 40 px (84 - 44) です。しかし、100 ピクセルの高さの範囲全体を占めるように、このグラフを引き伸ばす必要があります。値 «84» を 100 に、値 «44» を 0 に変換する必要があります。他の中間値も、古い 0 ～ 40 ピクセルではなく、新しい 0 ～ 100 ピクセルの範囲に合わせて変換 (ストレッチ) する必要があります (上の図を参照)。

したがって、主な問題は、グラフを「スケーリング」する方法ではなく、垂直方向に「ストレッチ」する方法です。

4

1 に答える 1

3

行を置き換えることにより、コード内で直接値を拡張できます

value = Math.round(ratesValues[i] * 100);

次の行で：

min = 0.439;
max = 0.8425;

value = Math.round((ratesValues[i]-min)/(max-min)*100);

0.439数値を変更して0.8425、グラフの実際の最小値と最大値を反映することができます。

于 2011-12-24T20:53:17.647 に答える