D3.js quantile.range()函数

quantile.range()函数用于设置分位数刻度的范围。范围数组中的值的数量决定了此函数创建的分位数。

句法：

quantile.range([range]);

参数：该函数接受上面提到的和下面描述的单个参数。

• range：此参数接受离散值数组。

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

下面的示例说明了 D3.js 中的 quantile.range()函数：

示例 1：

HTML

  

    
    
  
    
    

  

    GeekforGeeks
  
    quantile.range() Function
  
    
        var quantile = d3.scaleQuantile()
            .range([6, 12, 18, 24]);
  
        // Printing the output
        document.write("when domain is not specified")
        document.write("<h3>quantile(10): " 
                + quantile(10) + "</h3>");
        document.write("<h3>quantile(20): " 
                + quantile(20) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    

  

    GeekforGeeks
    quantile.range() Function
    
        var quantile = d3.scaleQuantile()
            // Setting domain for the scale.
            .domain([10, 20, 30, 40])
            // Discrete range
            .range([6, 12, 18, 24]);
  
        // Printing the output
        document.write("<span>quantile(10): " 
            + quantile(10) + "</span><br>");
        document.write("<span>quantile(20): " 
            + quantile(20) + "</span><br>");
        document.write("<span>quantile(30): " 
            + quantile(30) + "</span><br>");
        document.write("<span>quantile(40): " 
            + quantile(40) + "</span><br>");
    

  

输出：