D3.js band.step()函数

d3.js 中的band.step ()函数用于查找带的步长，该步长通过查找相邻带的起点之间的距离来计算。

句法：

band.step()

参数：此函数不接受任何参数。

返回值：此函数返回相邻波段起点之间的距离。

示例 1：

HTML

  

    
    

  

    
        // Creating the band scale with 
        // specified domain and range
        var A = d3.scaleBand()
            .domain([10, 20, 30, 40, 50])
            .range([0, 10]);
  
        // Using the step() function
        let step_val = A.step();
  
        // Printing the Output  
        console.log("Step Of A: ", step_val);
    

  

输出：

Step Of A:  2

示例 2：

HTML

  

    
    

  

    
        // Creating the band scale with 
        // specified domain and range
        var B = d3.scaleBand()
            .domain(["one", "two",
                "three", "four"])
            .range([0, 60]);
  
        // Using the step() function
        let step_val = B.step();
  
        // Printing the Output  
        console.log("Step in B: ", step_val);
    

  

输出：

Step in B:  15