d3.interpolate()函数

D3.js 中的Interpolate()函数用于对两个给定值进行插值。在颜色的情况下，它用于从给定的两种颜色中形成第三种颜色。

句法：

d3.interpolate(a, b);

参数：该函数接受上面提到的两个参数，如下所述。

• a：是任意值。
• b：任意值。

返回值：它返回一个函数。

示例 1：当颜色作为参数给出时。

HTML

  

    
    

  

    
    
    
      
    
        let intr = d3.interpolate("red", "green")
        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

  

    
    

  

    
    
    
      
    
        let intr = d3.interpolate(41, 550)
        console.log("Type of returned function is: ",
                typeof (intr));
        console.log(intr(0.2))
        console.log(intr(0.3))
        console.log(intr(0.4))
    

  

输出：

示例 3：当一个数组作为参数给出时：

HTML

  

    
    

  

    
    
    
      
    
        let intr = d3.interpolate(
            [19, 33, 2], [1, 12, 10])
        console.log("Type of returned function is: ",
                typeof (intr));
                  
        console.log(intr(0.1))
        console.log(intr(1))
        console.log(intr(0.4))
    

  

输出：