math - ピクセル演算によるバーの移動

Question

最大高さが 500px の棒グラフがあります。このグラフ自体の価格は 0 ～ 1,050 万ドルです。

バーを 1 ピクセルごとに移動できます。棒グラフを 100 万ドルの間隔で動かせるように計算しようとしています。

私はすでに 10500000 / 500 を試しましたが、500px の制限をはるかに超えている 21000 しか得られません。

では、数学の達人... これにはどのような数学を使用すればよいでしょうか? :o)

Answer 1

グラフを一番上 (500 ピクセル) まで表示したい場合は、次のようになります。

500 pixels / 10.5 million = 48 pixels / million

上部に余裕を残したい場合は、次のように、分母を最大にしたい場所まで増やします。

500 pixels / 12 million = 42 pixels / million

（あなたの計算は正しかった、それはあなたに$ /ピクセルを与えただけでしたが、ここではピクセル/百万ドルで考える方が便利だと思います）。

Answer 2

バーの長さ (ドル単位) / バーの長さ (ピクセル単位) = $10,500,000 / 500 ピクセル

交差乗算して次を取得します。

バーの長さ (ドル単位) * 500 ピクセル = バーの長さ (ピクセル単位) * $10,500,000

それ自体で「ピクセル単位のバーの長さ」を取得するために分割します。

棒の長さ (ピクセル) = 棒の長さ (ドル) * 500 ピクセル / $10,500,000

ピクセル値を取得したい金額をプラグインするだけです。たとえば、バーを 300 万ドルにしたい場合、

バーの長さ (ピクセル) = $3,000,000 * 500 ピクセル / $10,500,000 = 143 ピクセル