nemesiscodex/openfonacide

View on GitHub
static/js/dncp/util/smartSteps.js

Summary

Maintainability
D
1 day
Test Coverage

/**
 * echarts 值轴分段刻度计算方法
 *
 * @desc echarts基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据统计图表。
 * @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
 * @author xieshiwei (谢世威, i6ma@i6ma.com)
 *
 */


/**
 * 最值、跨度、步长取近似值
 * 注意:不适用于高精度需求,或者很多位有效数字的情况!!!
 * @function    smartSteps
 * @param       {Number}    min             最小值
 * @param       {Number}    max             最大值
 * @param       {Number}    [section]       段数只能是 [0, 99] 的整数,段数为 0 或者不指定段数时,将自动调整段数
 * @param       {Object}    [opts]          其它扩展参数
 * @param       {Array}     opts.steps      自定义步长备选值,如 [10, 12, 15, 20, 25, 30, 40, 50, 60, 80] ,但必须 => [10, 99]
 * @return      {Object}    {min: 新最小值, max: 新最大值, secs: 分段数, step: 每段长, fix: 小数保留位数, pnts: [分段结果]}
 */
define(function() {



var mySteps     = [10, 20, 25, 50];
var mySections  = [4, 5, 6];

var custOpts;
var custSteps;
var custSecs;
var minLocked;
var maxLocked;

var MT          = Math;
var MATH_ROUND  = MT.round;
var MATH_FLOOR  = MT.floor;
var MATH_CEIL   = MT.ceil;
var MATH_ABS    = MT.abs;


function MATH_LOG(n) {return MT.log(MATH_ABS(n)) / MT.LN10;}
function MATH_POW(n) {return MT.pow(10, n);}
function MATH_ISINT(n) {return n === MATH_FLOOR(n);}


function smartSteps(min, max, section, opts) {
    // 拿公共变量来接收 opts.steps 这个参数,就不用带着参数层层传递了,注意在函数的最终出口处释放这个值
    custOpts    = opts || {};
    custSteps   = custOpts.steps || mySteps;
    custSecs    = custOpts.secs || mySections;
    section     = MATH_ROUND(+section || 0) % 99;           // 段数限定在 [0, 99] ,0 则自适应
    min         = +min || 0;
    max         = +max || 0;
    minLocked   = maxLocked = 0;
    if ('min' in custOpts) {
        min     = +custOpts.min || 0;
        minLocked = 1;
    }
    if ('max' in custOpts) {
        max     = +custOpts.max || 0;
        maxLocked = 1;
    }
    if (min > max) {max = [min, min = max][0];}             // 最值交换
    var span    = max - min;
    if (minLocked && maxLocked) {
        return bothLocked(min, max, section);               // 两个最值同时被锁定,注意差值为 0 的情况
    }
    if (span < (section || 5)) {                            // 跨度值小于要分的段数,步长将会小于 1
        if (MATH_ISINT(min) && MATH_ISINT(max)) {           // 步长小于 1 同时两个最值都是整数,特别处理
            return forInteger(min, max, section);           // 也要考虑差值为 0 的情况
        }
        else if (span === 0) {                              // 非整数且跨度为 0 的情况
            return forSpan0(min, max, section);
        }
    }
    return coreCalc(min, max, section);                     // 非特殊情况的计算,须确保 min < max
}



/**
 * 构造返回值,处理小数精度等问题
 * @param   {Number}    newMin      最小值
 * @param   {Number}    newMax      最大值
 * @param   {Number}    section     分段数
 * @param   {Number}    [expon]     计算量级
 * @return  {Object}                同 smartSteps
 */
function makeResult(newMin, newMax, section, expon) {
    expon       = expon || 0;                               // 这是中间计算量级,受步长增长、特别是最值锁定的影响,可能会小于基准量级,因为整数部分被过度放大
    var expStep = expNum((newMax - newMin) / section, -1);
    var expMin  = expNum(newMin, -1, 1);                    // 锁定的最值有效数位可能很多,需要全精度保留
    var expMax  = expNum(newMax, -1);
    var minExp  = MT.min(expStep.e, expMin.e, expMax.e);    // 这个值实际上就是各值整数部分尾部多余的 0 的个数
    if (expMin.c === 0) {                                   // 0 可以有任意多个尾0
        minExp  = MT.min(expStep.e, expMax.e);
    } else if (expMax.c === 0) {
        minExp  = MT.min(expStep.e, expMin.e);
    }
    expFixTo(expStep, {c: 0, e: minExp});
    expFixTo(expMin, expStep, 1);
    expFixTo(expMax, expStep);
    expon      += minExp;                                   // 最终的基准量级,在这个量级下,各值刚好能表示成整数
    newMin      = expMin.c;
    newMax      = expMax.c;
    var step    = (newMax - newMin) / section;
    var zoom    = MATH_POW(expon);
    var fixTo   = 0;
    var points  = [];
    for (var i  = section + 1; i--;) {                      // 因为点数比段数多 1
        points[i] = (newMin + step * i) * zoom;             // 如果不涉及小数问题,这里就直接使用数值型
    }
    if (expon   < 0) {
        fixTo   = decimals(zoom);                           // 前面已经去掉了各值尾部多余的 0 ,所以 zoom 的小数位就是最终的 fix 位数
        step    = +(step * zoom).toFixed(fixTo);            // toFixed 处理长尾小数问题,如:0.2 * 0.1 = 0.020000000000000004
        newMin  = +(newMin * zoom).toFixed(fixTo);
        newMax  = +(newMax * zoom).toFixed(fixTo);
        for (var i = points.length; i--;) {
            points[i] = points[i].toFixed(fixTo);           // 为保证小数点对齐,统一转为字符型
            +points[i] === 0 && (points[i] = '0');          // 0.000 不好看
        }
    }
    else {
        newMin *= zoom;
        newMax *= zoom;
        step   *= zoom;
    }
    custSecs    = 0;
    custSteps   = 0;
    custOpts    = 0;
    // 这些公共变量可能持用了对用户参数的引用,这里是函数的最终出口,释放引用

    return {
        min:    newMin,                 // 新最小值
        max:    newMax,                 // 新最大值
        secs:   section,                // 分段数
        step:   step,                   // 每段长
        fix:    fixTo,                  // 小数保留位数,0 则为整数
        exp:    expon,                  // 基准量级,并非原值所在的量级,而是说在这个量级下,各值能表示成整数
        pnts:   points                  // 分段结果,整数都是数值型,小数时为了对齐小数点,都是字符型,但其中 0 不带小数点,即没有 "0.000"
    };
}



/**
 * 量级计数法 表示数值,不适用于很大或者很小的数,0 更不行
 * @param       {Number}    num             原数
 * @param       {Number}    [digit = 2]     精度位数,必须 => [1, 9]
 * @param       {Boolean}   [byFloor = 0]   默认为 0 表示近似值不小于原值,置 1 表示近似值不大于原值
 * @return      {Object}    {c: c, e: e}    c e 都是整数,c * 10 ^ e 即为原值的近似数
 * @description             返回值应该更详细一点:{c: c, e: e, d: d, n: n} ,其中 d 是 c 的位数,n = c * 10 ^ e ,不过目前好像不太有用
 */
function expNum(num, digit, byFloor) {
    digit       = MATH_ROUND(digit % 10) || 2;
    if (digit   < 0) {                                      // 全精度位数
        if (MATH_ISINT(num)) {                              // 整数的全精度位数,要去掉尾 0 ,但 0 也是整数,要专门留一位精度
            digit = ('' + MATH_ABS(num)).replace(/0+$/, '').length || 1;
        }
        else {                                              // 小数的全精度位数,要去掉首 0
            num = num.toFixed(15).replace(/0+$/, '');       // toFixed 处理长尾小数
            digit = num.replace('.', '').replace(/^[-0]+/, '').length;
            num = +num;                                     // '' + 0.0000001 会得到 '1e-7'
        }
    }
    var expon   = MATH_FLOOR(MATH_LOG(num)) - digit + 1;
    var cNum    = +(num * MATH_POW(-expon)).toFixed(15) || 0;   // toFixed 处理长尾小数问题
    cNum        = byFloor ? MATH_FLOOR(cNum) : MATH_CEIL(cNum); // 向上取整可能发生进位,使精度位数增加 1
    !cNum && (expon = 0);
    if (('' + MATH_ABS(cNum)).length > digit) {                 // 整数位数判断,字符串法比对数法快近一倍
        expon  += 1;
        cNum   /= 10;
    }
    return {
        c: cNum,
        e: expon
    };
}


/**
 * 将前者的指数对齐到后者,如果前者量级较小,就是强制加大指数,值误差可能严重放大,甚至值变为 0
 */
function expFixTo(expnum1, expnum2, byFloor) {
    var deltaExp    = expnum2.e - expnum1.e;
    if (deltaExp) {
        expnum1.e  += deltaExp;                             // 指数减小时,只需将整数部分相应放大
        expnum1.c  *= MATH_POW(-deltaExp);                  // 指数增加时,整数部分将缩小,就涉及 floor ceil 取整和变 0 问题
        expnum1.c   = byFloor ? MATH_FLOOR(expnum1.c) : MATH_CEIL(expnum1.c);
    }
}


/**
 * 将两个量级数的指数对齐到较小者
 */
function expFixMin(expnum1, expnum2, byFloor) {
    if (expnum1.e < expnum2.e) {
        expFixTo(expnum2, expnum1, byFloor);
    }
    else {
        expFixTo(expnum1, expnum2, byFloor);
    }
}


/**
 * 基于量级计数法,对原值的整数部分取近似,不适用于负数和 0
 * @param       {Number}    num             原值
 * @param       {Array}     [rounds]        在取近似时,提供预置选项,近似到 rounds 中的某项
 * @return      {Object}    expNum          2 位精度的量级计数法对象,不小于原值
 */
function getCeil(num, rounds) {
    rounds      = rounds || mySteps;
    num         = expNum(num);                              // 2 位精度量级计数法
    var cNum    = num.c;
    var i       = 0;
    while (cNum > rounds[i]) {                              // 在预置的近似数中,找到不小于目标 cNum 的项
        i++;
    }
    if (!rounds[i]) {                                       // 如果没找到合适的预置项,一定是目标值大于全部的预置项
        cNum   /= 10;                                       // 将目标值缩小 10 倍,重找一次定能命中
        num.e  += 1;
        i       = 0;
        while (cNum > rounds[i]) {
            i++;
        }
    }
    num.c       = rounds[i];
    return num;
}




/**
 * 基于量级计数法的计算,必须 min < max
 */
function coreCalc(min, max, section) {
    var step;
    var secs    = section || +custSecs.slice(-1);
    var expStep = getCeil((max - min) / secs, custSteps);   // 这是可能的最小步长,以它的量级作为后续计算的基准量级,以保证整数计算特性
    var expSpan = expNum(max - min);                        // 2 位精度的最值跨度,过高的精度意味着有效数位更多
    var expMin  = expNum(min, -1, 1);                       // 最小值向下近似,以涵盖原最小值
    var expMax  = expNum(max, -1);     // 最大值向上近似,参数 -1 表示保留全精度,因为要注意 min = 10000001, max = 10000002 等情况
    expFixTo(expSpan, expStep);                             // 指数对齐
    expFixTo(expMin, expStep, 1);                           // 经过指数对齐,原最大值、最小值都有可能变为 0
    expFixTo(expMax, expStep);
    if (!section) {
        secs    = look4sections(expMin, expMax);
    }
    else {
        step    = look4step(expMin, expMax, secs);
    }

    // 如果原最值都是整数,尽量让输出值也保持整数,但原最值跨 0 的则不调整
    if (MATH_ISINT(min) && MATH_ISINT(max) && min * max >= 0) {
        if (max - min < secs) {                             // 再次出现跨度小于段数
            return forInteger(min, max, secs);
        }
        secs = tryForInt(min, max, section, expMin, expMax, secs);
    }
    var arrMM   = cross0(min, max, expMin.c, expMax.c);
    expMin.c    = arrMM[0];
    expMax.c    = arrMM[1];
    if (minLocked || maxLocked) {
        singleLocked(min, max, expMin, expMax);
    }
    return makeResult(expMin.c, expMax.c, secs, expMax.e);
}



/**
 * 在预置的可选段数中,找出一个合适的值,让跨度误差尽量小
 */
function look4sections(expMin, expMax) {
    var section;
    var tmpStep, tmpMin, tmpMax;
    var reference   = [];
    for (var i      = custSecs.length; i--;) {              // 逐步减小段数,步长就会渐大
        section     = custSecs[i];
        tmpStep     = getCeil((expMax.c - expMin.c) / section, custSteps);
        tmpStep     = tmpStep.c * MATH_POW(tmpStep.e);      // 步长都用常规整数参与计算
        tmpMin      = MATH_FLOOR(expMin.c / tmpStep) * tmpStep;
        tmpMax      = MATH_CEIL(expMax.c / tmpStep) * tmpStep;
        reference[i] = {
            min:    tmpMin,
            max:    tmpMax,
            step:   tmpStep,
            span:   tmpMax - tmpMin                         // 步长的误差被 段数 成倍放大,可能会给跨度造成更大的误差,使最后的段数大于预置的最大值
        };
    }
    reference.sort(function (a, b) {
        var delta = a.span - b.span;                        // 分段调整之后的跨度,一定不小于原跨度,所以越小越好
        if (delta === 0) {
            delta = a.step - b.step;                        // 跨度相同时,步长小者胜出
        }
        return delta;
    });
    reference   = reference[0];
    section     = reference.span / reference.step;
    expMin.c    = reference.min;
    expMax.c    = reference.max;
    return section < 3 ? section * 2 : section;             // 如果最终步长比最小步长大得多,段数就可能变得很小
}


/**
 * 指定段数,在预置的可选步长中,找出一个合适的值,让 步长 * 段数 积刚好涵盖原最大值与最小值
 */
function look4step(expMin, expMax, secs) {
    var span;
    var tmpMax;
    var tmpMin      = expMax.c;
    var tmpStep     = (expMax.c - expMin.c) / secs - 1;
    while (tmpMin   > expMin.c) {
        tmpStep     = getCeil(tmpStep + 1, custSteps);
        tmpStep     = tmpStep.c * MATH_POW(tmpStep.e);
        span        = tmpStep * secs;
        tmpMax      = MATH_CEIL(expMax.c / tmpStep) * tmpStep;
        tmpMin      = tmpMax - span;                        // 优先保证 max 端的误差最小,试看原 min 值能否被覆盖到
    }
    var deltaMin    = expMin.c - tmpMin;                    // 上面的计算可能会让 min 端的误差更大,下面尝试均衡误差
    var deltaMax    = tmpMax - expMax.c;
    var deltaDelta  = deltaMin - deltaMax;
    if (deltaDelta  > tmpStep * 1.1) {                      // 当 min 端的误差比 max 端大很多时,考虑将 tmpMin tmpMax 同时上移
        deltaDelta  = MATH_ROUND(deltaDelta / tmpStep / 2) * tmpStep;
        tmpMin     += deltaDelta;
        tmpMax     += deltaDelta;
    }
    expMin.c   = tmpMin;
    expMax.c   = tmpMax;
    return tmpStep;
}


/**
 * 原最值都是整数时,尝试让输出也保持整数
 */
function tryForInt(min, max, section, expMin, expMax, secs) {
    var span = expMax.c - expMin.c;
    var step = span / secs * MATH_POW(expMax.e);
    if (!MATH_ISINT(step)) {                                // 原最值都是整数,但计算步长可能出现小数,如 2.5
        step = MATH_FLOOR(step);                            // 步长总是要尽量小,以减小跨度误差,所以 2.5 可能被调整为 2 或者 3
        span = step * secs;
        if (span < max - min) {
            step += 1;
            span = step * secs;
            if (!section && (step * (secs - 1) >= (max - min))) {
                secs -= 1;
                span = step * secs;
            }
        }
        if (span >= max - min) {
            var delta   = span - (max - min);               // 误差均衡
            expMin.c    = MATH_ROUND(min - delta / 2);
            expMax.c    = MATH_ROUND(max + delta / 2);
            expMin.e    = 0;
            expMax.e    = 0;
        }
    }
    return secs;
}




/**
 * 整数情况下,跨度小于段数的处理
 */
function forInteger(min, max, section) {
    section     = section || 5;
    if (minLocked) {
        max     = min + section;                            // min max 没有写错,因为 min locked 所以 max 在 min 上浮动
    }
    else if (maxLocked) {
        min     = max - section;
    }
    else {
        var delta   = section - (max - min);                // 没有端点锁定时,向上下延展跨度
        var newMin  = MATH_ROUND(min - delta / 2);
        var newMax  = MATH_ROUND(max + delta / 2);
        var arrMM   = cross0(min, max, newMin, newMax);     // 避免跨 0
        min         = arrMM[0];
        max         = arrMM[1];
    }
    return makeResult(min, max, section);
}


/**
 * 非整数情况下,跨度为 0 的处理
 */
function forSpan0(min, max, section) {
    section     = section || 5;
    // delta 一定不为 0 ,因为 min === max === 0 的情况会进入 forInteger 分支
    var delta   = MT.min(MATH_ABS(max / section), section) / 2.1;
    if (minLocked) {
        max     = min + delta;                              // min max 没有写错,因为 min locked 所以 max 在 min 上浮动
    }
    else if (maxLocked) {
        min     = max - delta;
    }
    else {                                                  // 以最值为中心,上下各延展一小段
        min     = min - delta;
        max     = max + delta;
    }
    return coreCalc(min, max, section);
}


/**
 * 当原始最值都在 0 的同侧时,让输出也保持在 0 的同侧
 */
function cross0(min, max, newMin, newMax) {
    if (min >= 0 && newMin < 0) {
        newMax -= newMin;
        newMin  = 0;
    }
    else if (max <= 0 && newMax > 0) {
        newMin -= newMax;
        newMax  = 0;
    }
    return [newMin, newMax];
}


/**
 * 取一个数的小数位数
 * @param   {Number}    num         原数值
 * @return  {Number}    decimals    整数则返回 0 ,小数则返回小数点后的位数
 */
function decimals(num) {
    num = (+num).toFixed(15).split('.');                    // String(0.0000001) 会得到 '1e-7'
    return num.pop().replace(/0+$/, '').length;
}






/**
 * 单个最值锁定处理,只是在原计算的基础上,锁定一个,平移另一个
 */
function singleLocked(min, max, emin, emax) {
    if (minLocked) {
        var expMin  = expNum(min, 4, 1);                    // 4 位精度向下近似
        if (emin.e  - expMin.e > 6) {                       // 如果锁定值的量级远小于基准量级,认为锁定失败,强置为 0
            expMin  = {c: 0, e: emin.e};
        }
        expFixMin(emin, expMin);                            // 将指数与量级较小者对齐
        expFixMin(emax, expMin);
        emax.c     += expMin.c - emin.c;                    // 最大值平移
        emin.c      = expMin.c;                             // 最小值锁定
    }
    else if (maxLocked) {
        var expMax  = expNum(max, 4);                       // 4 位精度向上近似
        if (emax.e  - expMax.e > 6) {                       // 如果锁定值的量级远小于基准量级,认为锁定失败,强置为 0
            expMax  = {c: 0, e: emax.e};
        }
        expFixMin(emin, expMax);                            // 将指数与量级较小者对齐
        expFixMin(emax, expMax);
        emin.c     += expMax.c - emax.c;                    // 最小值平移
        emax.c      = expMax.c;                             // 最大值锁定
    }
}


/**
 * 最小值和最大值同时被锁定的情况在这里,其它地方只考虑单边最值锁定
 * @param   {Number}    min         锁定的最小值
 * @param   {Number}    max         锁定的最大值
 * @param   {Number}    [section]   段数
 * @return  {Object}                同 smartSteps
 */
function bothLocked(min, max, section) {
    var trySecs     = section ? [section] : custSecs;
    var span        = max - min;
    if (span       === 0) {                                 // 最大最小值都锁定到同一个值上,认为锁定失败
        max         = expNum(max, 3);                       // 3 位精度向上近似
        section     = trySecs[0];
        max.c       = MATH_ROUND(max.c + section / 2);
        return makeResult(max.c - section, max.c, section, max.e);
    }
    if (MATH_ABS(max / span) < 1e-6) {                      // 如果锁定值远小于跨度,也认为锁定失败,强置为 0
        max         = 0;
    }
    if (MATH_ABS(min / span) < 1e-6) {
        min         = 0;
    }
    var step, deltaSpan, score;
    var scoreS      = [[5, 10], [10, 2], [50, 10], [100, 2]];
    var reference   = [];
    var debugLog    = [];
    var expSpan     = expNum((max - min), 3);               // 3 位精度向上近似
    var expMin      = expNum(min, -1, 1);
    var expMax      = expNum(max, -1);
    expFixTo(expMin, expSpan, 1);
    expFixTo(expMax, expSpan);
    span            = expMax.c - expMin.c;
    expSpan.c       = span;
    
    for (var i      = trySecs.length; i--;) {
        section     = trySecs[i];
        step        = MATH_CEIL(span / section);
        deltaSpan   = step * section - span;
        score       = (deltaSpan + 3) * 3;                  // 误差越大得分越高
        score      += (section - trySecs[0] + 2) * 2;       // 分段越多得分越高
        if (section % 5 === 0) {                            // 段数为 5 可以减分
            score  -= 10;
        }
        for (var j  = scoreS.length; j--;) {                // 好的步长是最重要的减分项
            if (step % scoreS[j][0] === 0) {
                score /= scoreS[j][1];
            }
        }
        debugLog[i] = [section, step, deltaSpan, score].join();
        reference[i] = {
            secs:   section,
            step:   step,
            delta:  deltaSpan,
            score:  score
        };
    }
    //console.log(debugLog);
    reference.sort(function (a, b) {return a.score - b.score;});
    reference   = reference[0];
    expMin.c    = MATH_ROUND(expMin.c - reference.delta / 2);
    expMax.c    = MATH_ROUND(expMax.c + reference.delta / 2);
    return makeResult(expMin.c, expMax.c, reference.secs, expSpan.e);
}




return smartSteps;
});