D3.js scaleThreshold()函数

D3.js中的d3.scaleThreshold()函数用于创建并返回具有指定域和范围的新阈值比例。 domain的默认值为[0.5]，range的默认值为[0, 1]。

句法：

d3.scaleThreshold( domain, range )

参数：此函数接受上面给出的两个参数，如下所述：

• 域：它定义了比例的最小值和最大值。它是一个可选参数。默认值为 [0.5]。
• range：它接受一系列离散值，域映射中的每个值都具有该范围内的值。它是一个可选参数。默认范围为 [0, 1]。

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

下面的程序说明了 D3.js 中的d3.scaleThreshold()函数：

示例 1：

HTML

  

    
    

  

    GeekforGeeks
  
    d3.scaleThreshold() Function 
  
    
        var threshold = d3.scaleThreshold()
  
            // Setting domain and range for the scale
            .domain([10])
            .range(["red", "green", "black", "blue"]);
  
        document.write("<h4>" + threshold(9) + "</h4>");
        document.write("<h4>" + threshold(10) + "</h4>");
    

  

输出：

示例 2：

HTML

  

    
    

  

    GeekforGeeks
  
    d3.scaleThreshold() Function 
  
    
        var threshold = d3.scaleThreshold()
  
            // Setting domain and range for the scale
            .domain([1, 2, 10])
            .range([0, 1, 2, 3]);
  
        document.write("<h4>" + threshold(2) + "</h4>");
        document.write("<h4>" + threshold(10) + "</h4>");
    

  

输出：