D3.js band.range()函数

D3.js库中的band.range()函数用于将刻度范围设置为指定的二元数字数组。范围的默认值为 [0, 1]。

句法：

band.range([range]);

参数：此函数接受上面给出和下面描述的单个参数。

• range：此参数接受一个二元素数字数组。

注意：如果范围内的元素不是数字，那么它们将被强制为数字。

返回值：此函数不返回任何内容。

下面给出了上面给出的函数的几个例子。

示例 1：

HTML

  

    
    
  
    
    

  

    
        // Create the band scale with specified
        // domain and range.
        var band = d3.scaleBand()
            .domain([0, 1])
            .range([0, 1]);
  
        console.log("When range is [0, 1]");
        console.log("band(0): ", band(0));
        console.log("band(1): ", band(1));
  
        var band = d3.scaleBand()
            .domain([0, 1])
            .range([10, 20]);
  
        console.log("When range is [10, 20]");
        console.log("band(0): ", band(0));
        console.log("band(1): ", band(1));
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    

  

    
        // Create the band scale with specified 
        // domain and range.
        var band = d3.scaleBand()
            .domain([0, 1])
            // These chars are coerced to numbers
            .range(["1", "2"]);
  
        console.log("When range is [\"1\", \"2\"]");
        console.log("band(0): ", band(0));
        console.log("band(1): ", band(1));
  
        var band = d3.scaleBand()
            .domain([0, 1])
            // These chars are coerced to numbers
            .range(["100", "200"]);
  
        console.log("When range is [\"100\", \"200\"]");
        console.log("band(0): ", band(0));
        console.log("band(1): ", band(1));
    

  

输出：