javascript - 如何在javascript中缩放一个数字范围，使中间范围内的整数变大而外部限制数字保持不变

Question

我有一群用户在进行投票，我想通过一些根据投票给答案的人的百分比改变大小的圆圈在屏幕上可视化这些结果。目前发生的情况是，因为你不可能让 100% 的人都投票支持相同的答案(大多数答案进来，比如说，在 10-40% 的范围内)——大小的变化看起来并不那么大.但如果我为此调整圆圈的大小，那么如果受访者实际上都投票给同一个答案，那么圆圈就太大了。

我需要一种方法来缩放这些数字，以便那些中间范围的数字变得更加突出它们的外部范围(因此，10% 的大小可能看起来更接近 0%，而 40% 可能看起来更接近到 100%。

我该怎么做？任何人都知道这个函数(甚至是数学概念)。我的算法生锈了...

Answer 1

您应该首先决定最大圆圈大小。然后以百分比为基础。

例如，如果最大圆的直径为 100 像素，那么最大的 40 pct 是多少？

或者要使最大 pct 占据最大值的 100 pct，您可以将最大像素 (100) 除以最大 pct (40)。所以 100/40=2.5

现在您可以将所有圆圈缩放到正常大小的 2.5 倍。