D3.js threshold.range()函数

threshold.range()函数用于设置阈值刻度的范围。范围数组中的值的数量总是比域数组大一，如果不是，那么标度的行为可能是未定义的。

句法：

threshold.range([range]);

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

• range：此参数接受离散值数组。如果域中有“n”个值，则该范围必须有“n+1”个值。

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

示例 1：

HTML

  

    
    
  
    
    

  

    GeeksforGeeks
  
    threshold.range() Function 
  
    
        var threshold = d3.scaleThreshold()
  
            // Setting domain for the scale.
            .domain([10, 20, 30, 40])
  
            // Setting the range for the scale.
            // Number of elements is one more 
            // then domain array size.
            .range(["red", "blue", 
                "green", "yellow", "white"]);
  
        document.write("<h4>" 
            + threshold(10) + "</h4>");
              
        document.write("<h4>" 
            + threshold(20) + "</h4>");
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    

  

    GeeksforGeeks
  
    threshold.range() Function 
  
    
        var threshold = d3.scaleThreshold()
  
            // Setting domain for the scale.
            .domain([10, 20, 30, 40])
          
            // Setting the range for the scale.
            // Number of elements is one more 
            // then domain array size.
            .range([0.01, 0.02, 0.03, 0.04, 0.05]);
  
        document.write("<h4>" 
            + threshold(20) + "</h4>"); // 0.03
  
        document.write("<h4>" 
            + threshold(40) + "</h4>"); // 0.05
  
        // This value is outside the domain
        document.write("<h4>" 
            + threshold(500) + "</h4>"); // 0.05
    

  

输出：