D3.js sequence.interpolator()函数

连续音阶与连续音阶非常相似。在连续的尺度上，映射是在域和范围之间以连续的方式完成的。唯一的区别是这个比例的输出范围是由它的插值器固定的，这个范围不能改变。

d3.js 中的sequential.interpolator()函数用于配置刻度的插值器。如果指定了插值器，则将比例尺的插值器设置为指定的函数，否则返回比例尺的当前插值器。

句法：

sequential.interpolator([interpolator]);

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

• 插值器：这需要插值器函数。如果未指定插值器，则返回比例的当前插值器。

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

示例 1：

HTML

  

    
    
  
    
    

  

     GeeksforGeeks 
  
     D3.js | sequential.interpolator() Function
    
        var sequential = d3.scaleSequential()
  
            // Setting the interpolator of the scale.
            .interpolator((t) => t * 2);
  
        document.write("<p>sequential(2): ", 
                    sequential(2) + "</p>");
  
        document.write("<p>sequential(4): ", 
                    sequential(4) + "</p>");
  
        document.write("<p>sequential(10): ", 
                    sequential(10) + "</p>");
  
        document.write("<p>sequential(20): ", 
                    sequential(20) + "</p>");
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    

  

     GeeksforGeeks 
  
    D3.js | sequential.interpolator() Function
  
    
        var sequential = d3.scaleSequential()
            // Setting the interpolator of the scale.
            .interpolator(d3.interpolateSpectral)
            // Setting the domain of the scale.
            .domain([1, 100]);
        document.write("<p>sequential(2): ", 
                    sequential(2) + "</p>");
  
        document.write("<p>sequential(4): ", 
                    sequential(4) + "</p>");
  
        document.write("<p>sequential(10): ", 
                    sequential(10) + "</p>");
  
        document.write("<p>sequential(20): ", 
                    sequential(20) + "</p>");
    

  

输出：