我正在使用 JavaScript 工作。 我已经完成了一个图形,它有点像这样。
100 [=======||=======] 200
所以基本上这是一种数学问题。左右两侧有两个数字,作为范围。将定义此范围之间的第三个数字和 ||标记根据第三个数字移动。
因此,在此示例中,第三个数字是 150,这使得 ||分隔线正好位于中间。
我想要的是一种方法来计算这 3 个给定数字的百分比值以对齐 ||通过 css left: xx%
属性进行分隔。我该怎么做?
编辑: 我按照用户的指示添加了 fiddle 。 http://jsfiddle.net/e2dLv/1/
欢迎对代码提出任何建议/批评。
现在已经按照 Zeta 的回答解决了。它可能对某人有帮助。
最佳答案
这基本上是带有初始偏移的线性缩放:
p = 100 * (value - min) / (max - min)
请注意,这假设 value
位于区间 [min, max]
且 max != min
内。这将为您提供 0
和 100
之间的数字百分比。
关于javascript - 我如何完成这个百分比问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22719633/