D3.js interpolate.Array()函数

d3.InterpolateArray()用于对两个数组进行插值并返回它们之间的插值器。

句法：

d3.interpolateArray(a, b);

参数：它需要两个参数。

• a：它是一个数组。
• b：它是一个数组。

返回：它返回 Interpolator函数。

下面给出了一些 InterpolateArray()函数的示例。

示例 1：

  
  
  Document




  
  
   
  
    console.log("Type of the function is: ", 
typeof(d3.interpolateArray([12, 3], [4, 5, 6])))
    console.log(d3.interpolateArray([12, 3], [4, 5, 6])(0.2))
    console.log(d3.interpolateArray([12, 3], [4, 5, 6])(0.6))
    console.log(d3.interpolateArray([12, 3], [4, 5, 6])(0.2))
  

输出：

示例 2：

当 的元素不是数字时。

  
  
  Document




  
  
  
  
    console.log("Type of the function is: ", 
typeof(d3.interpolateArray([12, 3], [4, 5, 6])))
  
    console.log(
d3.interpolateArray([12.25, 3.36], [0.54, 5, .636])(0.2));
  
    // This will give error as it is not an array  
    try{
      console.log(d3.interpolateArray(1452, 63244)(0.6))
    }
    catch(err){
        console.log(err)
    }
    console.log(
d3.interpolateArray(["a", "b", "d"], ["a", "c"])(0.2));
  

输出：