Echarts最大余額法使餅圖各項相加的占比為100%

var getPercentValue = function (valueList, idx, precision) {
        // 判斷是否為空
        if (!valueList[idx]) {
            return 0;
        }
        // 求和
        var sum = valueList.reduce(function (acc, val) {
            return acc + (isNaN(val) ? 0 : val);
        }, 0)
        if (sum === 0) {
            return 0;
        }
        // 10的2次冪是100，用於計算精度。
        var digits = Math.pow(10, precision);
        // 擴大比例100，
        var votesPerQuota = valueList.map(function (val) {
            return (isNaN(val) ? 0 : val) / sum * digits * 100;
        })
        // 總數，擴大比例意味的總數要擴大
        var targetSeats = digits * 100;
        // 再向下取值，組成數組
        var seats = votesPerQuota.map(function (votes) {
            return Math.floor(votes);
        })
        // 再新計算合計，用於判斷與總數量是否相同，相同則占比會100%
        var currentSum = seats.reduce(function (acc, val) {
            return acc + val;
        }, 0)
        // 余數部分的數組：原先數組減去向下取值的數組，得到余數部分的數組
        var remainder = votesPerQuota.map(function (votes, idx) {
            return votes - seats[idx];
        })
        // 給最大最大的余額加1，湊個占比100%；
        while (currentSum < targetSeats) {
            //  找到下一個最大的余額，給其加1
            var max = Number.NEGATIVE_INFINITY;
            var maxId = null;
            for (var i = 0, len = remainder.length; i < len; ++i) {
                if (remainder[i] > max) {
                    max = remainder[i];
                    maxId = i;
                }
            }
            // 對最大項余額加1
            ++seats[maxId];
            // 已經增加最大余數加1，則下次判斷就可以不需要再判斷這個余額數。
            remainder[maxId] = 0;
            // 總的也要加1，為了判斷是否總數是否相同，跳出循環。
            ++currentSum;
        }
        // 這時候的seats就會總數占比會100%
        return seats[idx] / digits
    }


var arr= [3,4,5]
document.write( getPercentValue(arr,0,2) + "<br />")
document.write( getPercentValue(arr,1,2) + "<br />")
document.write( getPercentValue(arr,2,2) + "<br />")
結果
25
33.33
41.67

原文鏈接