D3.js pow.invert()函数

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

句法：

pow.invert( value )

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

• 价值：它 是一个数字，属于给定范围内的任何值。

返回值：此函数从域中返回一个数字。

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

示例1：取 range 的所有元素为正数。

HTML

  
  
  GeeksforGeeks
  
  
  
  
  
  
  
  


  GeeksforGeeks
    
pow.invert() Function 
  
  
    var pow = d3.scalePow()
      .domain([0, 1])
      .range([1, 2, 3, 4, 5, 6]);
  
    document.write("<h3> pow.invert(1): " + 
                   pow.invert(1) + "</h3>");
    document.write("<h3>pow.invert(2): " +
                   pow.invert(2) + "</h3>");
    document.write("<h3>pow.invert(3): " + 
                   pow.invert(3) + "</h3>");
    document.write("<h3> pow(pow.invert(1)): " + 
                   pow(pow.invert(1)) + "</h3>");
    document.write("<h3>pow(pow.invert(2)): " +
                   pow(pow.invert(2)) + "</h3>");
    document.write("<h3>pow(pow.invert(3)): " +
                   pow(pow.invert(3)) + "</h3>");
  

输出：

示例 2：取一个范围数组，使其同时包含正数和负数。

HTML

  
  
  GeeksforGeeks
  
  
  
  
  
  
  
  


  GeeksforGeeks
    
pow.invert() Function 
  
  
    var pow = d3.scalePow()
      .domain([-1, 1])
      .rangeRound([10, 20, 30, 40, 50, 60])
      .exponent(2);
  
    document.write("<h3> pow.invert(1): " +
                   pow.invert(1) + "</h3>");
    document.write("<h3>pow.invert(2): " +
                   pow.invert(2) + "</h3>");
    document.write("<h3>pow.invert(3): " + 
                   pow.invert(3) + "</h3>");
    document.write("<h3> pow(pow.invert(-1)): " +
                   pow(pow.invert(-1)) + "</h3>");
    document.write("<h3>pow(pow.invert(-2)): " +
                   pow(pow.invert(-2)) + "</h3>");
    document.write("<h3>pow(pow.invert(-1)): " + 
                   pow(pow.invert(-3)) + "</h3>");
  

输出：