D3.js band.domain()函数

d3.js 中的band.domain ()函数用于设置刻度的域。域中存在的第一个值将映射到范围数组中的第一个带区，依此类推。

句法：

band.domain([domain]);

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

• domain：此参数设置刻度的域，即最小值和最大值。

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

示例 1：

HTML

 
 
 
     
     
     
        
 
  
 
     
      // Create band scale with domain
      // and range
      var band = d3.scaleBand()
  
      // Setting domain for the scale
      .domain(["redcolor", "greencolor",
             "blackcolor", "bluecolor"]);
  
      console.log("band(redcolor): ",
              band("redcolor"));
      console.log("band(blackcolor): ",
              band("blackcolor"));
      console.log("band(greencolor): ",
              band("greencolor"));
      console.log("band(bluecolor): ", 
              band("bluecolor"));                        
     
 

输出：

示例 2：

HTML

 
 
 
     
     
    
    
    
 
  
 
     
        // Creating the band scale with
        // specified domain and range.
        var band = d3.scaleBand()
  
        // Setting domain for the scale
                 .domain([10, 20, 30, 40])
                 .range([0, 11]);
  
        console.log("band(10): ", band(10));
        console.log("band(20): ", band(20));
        console.log("band(30): ", band(30));
        console.log("band(40): ", band(40));
     
 

输出：