2011-12-24 10 views
0

ここにはsandboxhttp://jsfiddle.net/qeyqe/)があります。
ここでは、私が「グラフを垂直に伸ばす」と言っているものの美しいpictureです。グラフを垂直方向に伸ばします

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

したがって、主な質問は、グラフをどのようにスケールするのかではなく、グラフを縦方向に伸ばす方法です。あなたがラインに次の行を含む

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

を置き換えることにより、コード内で直接値を伸ばすこと

答えて

3

min = 0.439; 
max = 0.8425; 

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

あなたは、実際の最小を反映する数字0.4390.8425を変更することができ、グラフの最大値。

+0

Iiiihaaaa!はい!ありがとうございました! – artuska

関連する問題