D3.js 连续.interpolate()函数

Continuous.interpolate()函数用于设置范围插值器工厂，该工厂用于为范围内彼此相邻的每对值创建插值器。

句法：

continuous.interpolate( interpolate )

参数：此函数接受如上所述和下文所述的单个参数。

• 插值器：此参数接受插值器。

返回值：此函数不返回任何内容。

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

例子：

HTML

  

    
    
    
    
    
    
    
    
    
    

  

    Geeksforgeeks
  
    continuous.interpolateRound() Function 
  
    
        var continuous = d3.scaleLinear()
            // Domain ranges -10, 0, 10
            .domain([-10, 0, 10])
            // Range for the domain
            .range([10, 20, 30, 40, 50, 60, 70, 80, 90])
            // Using interpolateRound
            .interpolate(d3.interpolateRound);
  
        document.write("<div>");
        document.write("<h3>" + continuous(1) + "</h3>");
        document.write("<h3>" + continuous(2) + "</h3>");
        document.write("<h3>" + continuous(3.5) + "</h3>");
        document.write("<h3>" + continuous(4.5) + "</h3>");
        document.write("<h3>" + continuous(5.5) + "</h3>");
        document.write("<h3>" 
            + continuous(-2.5) + "</h3></div>");
    

  

输出：