javascript - 从一组数字中计算百分比

Question

我需要根据值(在 html 中设置)更改 li 的不透明度。

所以，这里是 html 的示例:

<ul>
    <li class="test">3</li>
    <li class="test">23</li>
    <li class="test">6</li>
    <li class="test">9</li>
    <li class="test">11</li>
    <li class="test">16</li>
    <li class="test">19</li>
</ul>

因此，最高值 (23) 的不透明度为 100%，而下一个最高值 (19) 的不透明度较低，依此类推。

最低值应为 10%。

我可以完成所有我只是在努力计算的 JavaScript。有没有人知道如何解决这个问题？

Answer 1

如果最高不透明度为 100%，最低为 10%，那么这就是您想要的:

1. 确定最大值。称之为最大。
2. 确定最小值。称之为分钟。
3. 为每个值分配不透明度 (10 + ((value - min)/(max - min)) * 90) 百分比。

更一般地说，如果最高不透明度为 X，最低为 Y，则公式为 (Y + ((value - min)/(最大值 - 最小值)) * (X - Y))。