D3.js log.invert()函数

当给定范围内的值时， log.invert()函数从域中返回一个值。这种反转对于交互很有用，例如确定与鼠标位置对应的数据值。

句法：

log.invert(value);

参数：此函数仅接受一个参数，如上所示和如下所述。

• value：属于给定范围内任何值的数字。

返回值：此函数返回一个位于相应域中的数值。

示例 1：

html

  

    
    
    
    

  

    
        var log = d3.scaleLog()
            .domain([10, 130])
            .range([0, 960]);
        console.log("log(130):", log(130));
        console.log("log.invert(960): ", 
                    log.invert(960))
  
        console.log("log(log.invert(15)):", 
                    log(log.invert(960)));
    

  

输出：

示例 2：

html

  

    
    
  
    
    

  

    
        var log = d3.scaleLog()
            .domain([10, 130, 140])
            .range([0, 96, 500]);
        console.log("log(140):", log(140));
          
        console.log("log.invert(500): ", 
                        log.invert(500))
  
        console.log("log(log.invert(500)):", 
                        log(log.invert(500)));
    

  

输出：