D3.js | d3.continuous.invert()函数

如果给定范围内的值，则 D3.js 中的d3.continuous.invert()函数用于从域中返回相应的值。

句法：

.invert( Value )

参数：此函数接受单个参数值，它保存范围的值。

返回值：如果给定范围内的值，则此函数从域中返回相应的值。

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

示例 1：

  

    
        D3.js | d3.continuous.invert() Function
    
      
    
    

  

    
          
        // Calling scaleLinear() function
        var x = d3.scaleLinear().domain([10, 150])
                    .range([0, 1000]);
  
        // Calling the .invert() function
        // and getting the corresponding value
        // from domain if value from range is given
        console.log(x.invert(150)); 
        console.log(x.invert(999));
    

  

输出：

31
149.86

示例 2：

  

    
        D3.js | d3.continuous.invert() Function
    
      
    
    

  

    
          
        // Calling scaleLinear() function
        var x = d3.scaleLinear().domain([0, 1])
                .range([10, 20]);
  
        // Calling the .invert() function
        // and getting the corresponding value
        // from domain if value from range is given
        console.log(x.invert(11)); 
        console.log(x.invert(13));
        console.log(x.invert(15)); 
        console.log(x.invert(19));
          
    

    

输出：

0.1
0.3
0.5
0.9

参考： https://devdocs.io/d3~5/d3-scale#continuous_invert