javascript - 3 つの異なる数値範囲のパーセンテージ

Question

113、6、1 の 3 つの数字があります

これらの数字はそれぞれデータを表します。そのため、データをグラフィカルに表示する必要があります。したがって、113 が最大のデータを持ち、6 がそれよりも少なく、1 が最小になります。

このようなもの。したがって、パーセンテージ メソッドを使用すると、最小数の最後のデータが 0% になるため、画像に表示できません。

どうすればこれを達成できますか？

Answer 1

風船の数を増やして数字の合計を最小で割った値に等しくなるようにするか (この場合、最小は 1 なので、113+6+1 = 120 個の風船が必要です)、パーセンテージを「調整」します。とにかく、取得するバルーンの最小数は 1 です。

この場合、c = 1 は 1/120 のパーセンテージを意味し、必要なバルーンは 1 つ未満です。したがって、33 個のバルーンから 1 個のバルーンを取り出し、それを 1 に割り当てます。次に、6+113 は 32 個のバルーンを分割する必要があり、6 は 32*6/(6+113) = 1.6 個のバルーンを取得します。それに 2 つのバルーンを割り当てることができ、これにより 113 の値に対して 30 が残ります。

描画されたパーセンテージは 1/33、2/33、30/33、つまり、表現できない 0.83%、5%、94.16% の「実際の」値ではなく、約 3%、6%、90% になります。それは十分に近いですか？あなたは判断しなければなりません。

別の可能性は、可能であれば「混合色」のバルーンを生成する方法を調べることです。