D3.js quantize.invertExtent()函数

quantize.invertExtent()函数用于返回域 [x0, x1] 中存在的值的范围，以获取范围内的相应值。

句法：

quantile.invertExtent(value);

参数：此函数采用上面给出并在下面描述的单个参数。

• value：它是一个与域值对应的数字。

返回值：此函数返回域中值的范围。

示例 1：

HTML

  

    
    
    Geeks for geeks
    
    
    
    
    
    
    
    
  
    
        body {
            line-height: 5px;
            text-align: center;
        }
  
        h2 {
            color: green;
        }
  
        h3 {
            line-height: 10px;
        }
    

  

    Geeks for geeks
    quantize.invertExtent() Function 
  
    
        var object = d3.scaleQuantize()
  
            // Value from 10 to 100 decides 
            // which value to output
            .domain([10, 100])
  
            // This should be a number range.
            .range([11, 12, 13, 14, 15, 16, 
                    17, 18, 19, 10, 11, 12]);
  
        document.write("<br/>")
        document.write("<h3>This is floating "
                + "number so: "
                + object.invertExtent(14.44) 
                + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(14) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(15) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    Geeks for geeks
    
    
    
    
    
    
    
    
  
    
        body {
            line-height: 5px;
            text-align: center;
        }
  
        h2 {
            color: green;
        }
  
        h3 {
            line-height: 10px;
        }
    

  

    Geeks for geeks
    quantize.invertExtent() Function 
    
        var object = d3.scaleQuantize()
  
            // Value from 1 to 10 decides 
            // which value to output
            .domain([1, 10])
            .range([1, 2, 3, 4, 5, 6, 7, 
                8, 9, 10, 11, 12]);
        document.write("<br/>");
  
        document.write("<h3>" + 
            object.invertExtent(1) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(2) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(3) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(4) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(5) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(6) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(7) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(8) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(9) + "</h3>");
        document.write("<h3>" + 
            object.invertExtent(10) + "</h3>");
    

  

输出：