D3.js | d3.range()函数

D3.js 中的d3.range()函数用于返回一个数组，该数组包含一个等差数列，该等差数列从start参数开始，迭代一系列均匀间隔的数值，称为step ，并以stop参数结束。
句法：

d3.range(start, stop, step)

参数：此函数接受三个参数，如下所示：-

• start：它是包含整数值，它是输出数组的第一个元素。它的默认值为 0。
• stop：不添加到输出数组中的唯一整数值。
• step：它是整数值，它定期与起始值相加并打印结果，直到到达终止值。

返回值：它返回一个包含等差数列的数组。
下面的程序说明了 D3.js 中的 d3.range()函数。
示例 1：

javascript

    
 
    
     
        // Calling to d3.range() function
        // with parameters start, stop and steps.
        A = d3.range(0, 4, 1);
        B = d3.range(10, 100, 10);
        C = d3.range(5, 50, 5);
        D = d3.range(1, 10, 2);
         
        // Getting an array of arithmetic progression
        document.write(A + "<br>");
        document.write(B + "<br>");
        document.write(C + "<br>");
        document.write(D + "<br>");
    

输出：

[0,1,2,3]
[10,20,30,40,50,60,70,80,90]
[5,10,15,20,25,30,35,40,45]
[1,3,5,7,9]

示例 2：

javascript

    
 
    
     
        // Calling to d3.range() function
        // with parameters start, stop and steps.
        A = d3.range(1, 2);
        B = d3.range(10, 20);
        C = d3.range(0, 10, 0.5);
        D = d3.range(1, 10, 0.9);
         
        // Getting an array of arithmetic progression
        document.write(A + "<br>");
        document.write(B + "<br>");
        document.write(C + "<br>");
        document.write(D + "<br>");
    

输出：

1
[10,11,12,13,14,15,16,17,18,19]
[0,0.5,1,1.5,2,2.5,3,3.5,4,4.5,5,5.5,6,6.5,7,7.5,8,8.5,9,9.5]
[1,1.9,2.8,3.7,4.6,5.5,6.4,7.3,8.2,9.1]

注意：在上面的代码中，一些 range() 函数没有采取 step 值，所以它的默认值被认为是 1。
参考： https://devdocs.io/d3~5/d3-array#range