D3.js interpolateNumber()函数

d3.interpolateNumber()函数用于返回两个给定数字之间的插值器。它与 d3.interpolate()函数几乎相同，只是它只接受数字作为参数。

句法：

d3.interpolateNumber(a,b);

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

• a：它是数字行上的任何数字。
• b：是数轴上的任意数字。

返回值：此函数返回两个给定数字之间的插值器。

下面给出了 d3.interpolateNumber()函数的一些示例

示例 1：

HTML

  
  
  D3.js d3.interpolateNumber() Function




  
  
  
  
    let intr = d3.interpolateNumber(2458,9586)
    console.log("Type of returned function is: ",typeof(intr));
    console.log(intr(0.1))
    console.log(intr(1))
    console.log(intr(0.4))
  

输出：

示例 2：当给定的数字为负数且其中一个不是数字时。

HTML

  
  
  D3.js d3.interpolateNumber() Function




  
  
  
  
    console.log(d3.interpolateNumber(-263,586)(0.2))
    console.log(d3.interpolateNumber(-263,"green")(0.1))
    console.log(d3.interpolateNumber("yellow","red")(0.1))
  

输出：