Question

我一直在使用一个脚本来计算给定数组时SVG / HTML5 Canvas图形的y轴最小/最大标签。

例如[124,721,361,297,177,21] y轴最小标记= 0 | y轴最大标签= 750

它对整数有效，但不适用于浮点值。我怎样才能使用浮点值？

这些是我用来计算最小值和最大值的函数

// Calculate y-axis Max label value
function yMax (numArray) {
    var max = getMaxOfArray(numArray);
    var yRange = getRangeOfArray(numArray);
    var yPow = Math.pow(10, yRange.toString().length - 1) /2; 
    // (/2) division added for more accurate result 
    return Math.ceil(max / yPow) * yPow
}

// Calculate y-axis Min label value
function yMin (numArray) {
    var min = getMinOfArray(numArray);
    var yRange = getRangeOfArray(numArray);
    var yPow = Math.pow(10, yRange.toString().length - 1) ;
    return Math.floor(min / yPow) * yPow 
}

我已经包含了我提到的有用数学函数的脚本..

// Get Max value from array
function getMaxOfArray(numArray) {
    return Math.max.apply(null, numArray);
}

// Get Min value from array
function getMinOfArray(numArray) {
    return Math.min.apply(null, numArray);
}

// Get Range of array
function getRangeOfArray (numArray) {
    var max = getMaxOfArray(numArray);
    var min = getMinOfArray(numArray);
    return max - min;
}

Answer 1

将yRange.toString().length更改为1 + Math.floor(Math.log(yrange)/LOG10);，其中LOG10是一个常量，只需要将其LOG10 = Math.log(10);初始化一次。这将适用于浮点，并且与整数具有相同的行为。

使用浮点数基于数组获取y轴最大/最小值

1 个答案: