D3.js scaleQuantile()函数

D3.js中的d3.scaleQuantile()函数用于创建并返回具有指定域和范围的新分位数刻度。如果未指定域或范围，则默认将每个值设置为空数组。

句法：

d3.scaleQuantile( domain, range )

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

• 域：它是一个仅包含整数的数组，用于定义域值的范围。它是一个可选参数。默认值设置为空数组。
• range：它是一个整数或字符串数组。它是一个可选参数。默认值设置为空数组。

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

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

示例 1：

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
  
    d3.ScaleQuantile() Function 
  
    
        // Using scaleQuantile function
        var quantile = d3.scaleQuantile()
            .domain([0, 1])
            .range(["blue", "yellow", "green"]);
  
        document.write("<h3>" +
            quantile(0) + "</h3>");
        document.write("<h3>" +
            quantile(0.3) + "</h3>");
        document.write("<h3>" +
            quantile(0.5) + "</h3>");
        document.write("<h3>" +
            quantile(0.9) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
  
    d3.ScaleQuantile() Function 
  
    
        // Using the scaleQuantile function
        var quantile = d3.scaleQuantile()
            .domain([0, 1])
            .range([1, 100]);
  
        document.write("<h3>" +
            quantile(0) + "</h3>");
        document.write("<h3>" +
            quantile(0.3) + "</h3>");
        document.write("<h3>" +
            quantile(0.5) + "</h3>");
        document.write("<h3>" +
            quantile(0.9) + "</h3>");
    

  

输出：