D3.js quantile.invertExtent()函数

d3.js中的quantile.invertExtent()函数用于返回该范围内对应值的指定域中存在的值的范围。

句法：

quantile.invertExtent( value )

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

• value：是指定范围对应的值。

返回值：此函数从指定域返回一个值。

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

示例 1：

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
  
    quantile.invertExtent() Function 
  
    
        var quantile = d3.scaleQuantile()
            // Setting domain for the scale.
            .domain([1, 10])
            // Setting the range of the scale.
            .range([0, 960]);
  
        // Printing the output
        document.write("<h3>" +
            quantile.invertExtent(960) +
            "</h3>");
        document.write("<h3>" +
            quantile.invertExtent(0) +
            "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
  
    quantile.invertExtent() Function 
  
    
        var quantile = d3.scaleQuantile()
            // Setting domain for the scale.
            .domain([1, 10])
            // Setting the range of the scale.
            .range(["red", "blue", "orange"]);
  
        // Printing the output
        document.write(
            "<h3>quantile.invertExtent(\"blue\"): " +
            quantile.invertExtent("blue") + "</h3>");
        document.write(
            "<h3>quantile.invertExtent(\"red\"): " +
            quantile.invertExtent("red") + "</h3>");
    

  

输出：