D3.js threshold.invertExtent()函数

d3.js 中的threshold.invertExtent()函数用于返回指定域中值的范围。

句法：

threshold.invertExtent(value);

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

• value：此参数从给定范围内获取一个值。

返回值：此函数从与给定输入值对应的域中返回一个值。

下面给出了上面给出的函数的几个例子。

示例 1：

 
 
 
     
     
    
     
    
     
    
     
    
     
 
 
    Geeks for geeks
    threshold.invertExtent() Function 
     
        var threshold = d3.scaleThreshold()
                    // Setting domain for the scale.
                    .domain([1, 2, 3, 4])
                    .range(["red", "green", "blue"]);
        let val1=threshold.invertExtent("green");
        let val2=threshold.invertExtent("blue");
        document.write("<h4>["+val1+"]</h4>");
        document.write("<h4>["+val2+"]</h4>");
     
 

输出：

示例 2：

 
 
 
     
     
    
     
    
     
    
     
    
     
 
 
    Geeks for geeks
    threshold.invertExtent() Function 
     
        var threshold = d3.scaleThreshold()
                    // Setting domain for the scale.
                    .domain([1, 2, 3, 4])
                    .range([10, 20, 30, 40, 50]);
        let val1=threshold.invertExtent(10);
        let val2=threshold.invertExtent(50);
        let val3=threshold.invertExtent(20);
        document.write("<h4>["+val1+"]</h4>");
        document.write("<h4>["+val2+"]</h4>");
        document.write("<h4>["+val3+"]</h4>");
     
 

输出：