我在使用JavaScript。 我有一个图形完成,它有点像这样。
100 [=======||=======] 200
所以基本上这是一种数学问题。在左侧和右侧是两个数字,作为范围。将定义此范围之间的第3个数字和||标记根据第3个数字移动。
所以在这个例子中,第3个数字是150,这就是||正好在中间的分隔线。
我想要的是一种从这3个给定数字计算百分比值以对齐||的方法通过css left: xx%
属性划分。我怎么能这样做?
编辑: 我正在添加用户告诉的小提琴。 http://jsfiddle.net/e2dLv/1/
欢迎任何关于代码的建议/评论。
现在Zeta已经解决了这个问题。它可能对某人有帮助。
答案 0 :(得分:4)
这基本上是线性缩放,具有初始偏移:
p = 100 * (value - min) / (max - min)
请注意,这假设value
位于[min, max]
和max != min
区间。这会为您提供0
和100
之间的数字百分比。