d3.tickIncrement()函数

D3.js 的tickIncrement()函数在需要确保 start 始终小于 stop 时使用，其中 start 和 stop 作为参数在此函数中给出。如果给定开始、停止和计数的刻度步长小于 1，则它返回负的反向刻度步长。

句法：

d3.tickIncrement(start, stop, count)

参数：该函数接受上面提到的三个参数，如下所述。

• start：它是我们想要数组元素的起始值，包括在内。
• stop：它是我们希望数组元素的起始值，包括在内。
• count：它是我们想要在给定的开始和停止范围内的元素数量。

返回值：返回一个整数。

示例 1：当 start 大于 stop 时：

HTML

 

    
    
    Document

 

    
    
    
     
    
 
        // What ever the count is it will
        // always give NaN as output because
        // stop is less than start
        let s = d3.tickIncrement(10, 5, 1);
        console.log("The output for start:10"
                    + " and stop:5 is: ", s);
 
        s = d3.tickIncrement(100, -50, 1);
        console.log("The output for start:100"
                    + " and stop:-50 is: ", s);
 
        s = d3.tickIncrement(100, 5, 1);
        console.log("The output for start:150"
                    + " and stop:15 is: ", s);
    

 

输出：

示例 2：当刻度步长小于 1 时：

HTML

 

    
    

 

    
    
    
     
    
 
        // If count is so large such that
        // the tick value is less than one
        // it gives the negative number
        let s = d3.tickIncrement(10, 50, 1000);
        console.log("The output for start:10 and"
            + " stop:50 for count 1000 is: ", s);
 
        s = d3.tickIncrement(100, 150, 10);
        console.log("The output for start:100 and"
            + " stop:150 for count 10 is: ", s);
 
        s = d3.tickIncrement(100, 500, 1000);
        console.log("The output for start:150 and"
            + " stop:500 for count 1000 is: ", s);
    

 

输出：