D3.js scaleSequential()函数

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

d3.scaleSequential()函数用于创建和返回顺序比例。这个尺度有一个指定的域和固定的范围。

句法：

d3.scaleSequential([[domain, ]interpolator]);

参数：上面给定的函数接受两个参数，如上所述和如下所述。

• 域：这是最大和最小输入值范围。默认域为 [0, 1]。
• 插值器：这需要一个插值器函数。如果未指定，则默认为标识函数。

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

示例 1：

HTML

 
 
  
 
     
     
       
    
    
 
  
 
    GeeksforGeeks
  
    d3.scaleSequential() Function
  
     
        var sequential= d3.scaleSequential(
            function(t) {
                return d3.rgb(t * 400, 1.5, 0.8);
            }
        )
  
        document.write("<p>sequential(0.1): ",
                sequential(0.1) + "</p>");
  
        document.write("<p>sequential(0.2): ",
                sequential(0.2) + "</p>");
          
        document.write("<p>sequential(0.3): ",
                sequential(0.3) + "</p>");
          
        document.write("<p>sequential(0.4): ",
                sequential(0.4) + "</p>");
          
        document.write("<p>sequential(0.5): ",
                sequential(0.5) + "</p>");
          
        document.write("<p>sequential(0.6): ",
                sequential(0.6) + "</p>");
     
 
  

输出：

示例 2：

HTML

 
 
  
 
     
     
      
    
    
 
  
 
    GeeksforGeeks
  
    d3.scaleSequential() Function
  
     
        var sequential= d3.scaleSequential(
            function(t) {
                return d3.interpolateNumber(t * 400, 0, 10);
            }
        )
  
        document.write("<p>sequential(0.1)(-1): ",
                    sequential(0.1)(-1) + "</p>");
  
        document.write("<p>sequential(0.1)(1): ",
                    sequential(0.1)(1) + "</p>");
  
        document.write("<p>sequential(0.1)(0): ",
                    sequential(0.1)(0) + "</p>");
  
        document.write("<p>sequential(0.1)(0.5): ",
                    sequential(0.1)(0.5) + "</p>");
     

  

输出：