如何完成此百分比问题

时间:2014-03-28 17:34:15

标签: javascript math percentage

我在使用JavaScript。 我有一个图形完成,它有点像这样。

100 [=======||=======] 200

所以基本上这是一种数学问题。在左侧和右侧是两个数字,作为范围。将定义此范围之间的第3个数字和||标记根据第3个数字移动。

所以在这个例子中,第3个数字是150,这就是||正好在中间的分隔线。 我想要的是一种从这3个给定数字计算百分比值以对齐||的方法通过css left: xx%属性划分。我怎么能这样做?

编辑: 我正在添加用户告诉的小提琴。 http://jsfiddle.net/e2dLv/1/

欢迎任何关于代码的建议/评论。

现在Zeta已经解决了这个问题。它可能对某人有帮助。

1 个答案:

答案 0 :(得分:4)

这基本上是线性缩放,具有初始偏移:

p = 100 * (value - min) / (max - min)

plot

请注意,这假设value位于[min, max]max != min区间。这会为您提供0100之间的数字百分比。