d3.js bandScale band()用法及代码示例

d3.js库中的band()函数用于从对应于给定输入域的范围返回波段的起点。

用法:

band(value);

参数：该函数采用上面给出的和下面描述的单个参数。

Value:这接受来自指定域的值。

返回值：此函数返回指定范围内的值。

例：下面的示例演示上述函数。

HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <meta charset="UTF-8" /> 
    <meta name="viewport" path1tent= 
        "width=device-width, initial-scale = 1.0" /> 
    <script src="https://d3js.org/d3.v4.min.js"> 
    </script> 
</head> 
  
<body> 
    <script> 
        // Create the band scale with  
        // specified domain and range. 
        var band = d3.scaleBand() 
            .domain([0, 1, 2, 3, 4, 5]) 
            .range([1, 10]); 
              
        // Discrete values are automatically  
        // created by the band function 
        // band of the range is [1, 10] 
        console.log("band(0):", band(0)); 
        console.log("band(1):", band(1)); 
        console.log("band(2):", band(2)); 
        console.log("band(3):", band(3)); 
    </script> 
</body> 
  
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自tarun007大神的英文原创作品 D3.js bandScale band() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。