math - 通过像素数学计算移动条

Question

我有一个最大高度为 500 像素的条形图。该图表本身的价格从 0 美元到 1050 万美元不等。

我可以每 1 个像素移动一次条。我正在尝试计算能够以 100 万美元的价格移动柱状图。

我已经尝试过 10500000 / 500 ，它只产生了 21000 ，远远超出了 500px 的限制。

所以数学大师......数学应该是什么？: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 像素