javascript - 3个不同数字范围的百分比

Question

我有 3 个数字 113、6、1

这些数字中的每一个都代表一个数据。所以我需要以图形方式显示数据。因此，113 将具有最大数据，然后 6 将具有更少的数据，而 1 是最少的。

像这样的东西。因此，如果我使用百分比方法，它会给我最后一个数字最少的数据为 0%，因此我无法在图像中显示它。

我怎样才能做到这一点？

Answer 1

要么你增加气球的数量，使它等于你的数字之和除以最少（在这种情况下，最少是 1，所以你需要 113+6+1 = 120 个气球），或者你“调整”百分比所以你得到的气球的最小数量是1。

在这种情况下，c = 1 表示 1/120 的百分比，您需要少于一个气球。因此，您从 33 个气球中取出 1 个气球并将其分配给 1。然后 6+113 必须除以 32 个气球，而 6 得到 32*6/(6+113) = 1.6 个气球。您可以为其分配 2 个气球，剩下的 30 为 113。

绘制的百分比将是 1/33、2/33 和 30/33，即大约 3%、6% 和 90%，而不是您无法表示的“实际”值 0.83%、5% 和 94.16%。是否足够接近？你必须判断。

如果可能的话，另一种可能性是研究如何生成“混合颜色”气球。