javascript - 我如何完成这个百分比问题

标签 javascript math percentage

我正在使用 JavaScript 工作。 我已经完成了一个图形,它有点像这样。

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

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

因此,在此示例中,第三个数字是 150,这使得 ||分隔线正好位于中间。 我想要的是一种方法来计算这 3 个给定数字的百分比值以对齐 ||通过 css left: xx% 属性进行分隔。我该怎么做?

编辑: 我按照用户的指示添加了 fiddle 。 http://jsfiddle.net/e2dLv/1/

欢迎对代码提出任何建议/批评。

现在已经按照 Zeta 的回答解决了。它可能对某人有帮助。

最佳答案

这基本上是带有初始偏移的线性缩放:

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

plot

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

关于javascript - 我如何完成这个百分比问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22719633/

相关文章:

javascript - 带有 'input-group-append' 的 CSS Bootstrap 4 类无法正常工作。上周Styles的展示是对的

javascript - 在 Firefox 中按键不触发

java - 平方和差 - 我的方法有什么问题?

java - Java中的整数除法

javascript - 使用 JavaScript 将像素转换为百分比

reporting-services - SSRS 占总数的百分比

javascript - 拖过absolute元素时,一直触发drag leave事件

javascript - 尝试在 Node.js 中对 JSON 文件进行简单的 PUT 请求

c# - 如何解释 Math.Acos() 报告无效输入的情况?

sql - 计算两个值之间的百分比