D3.js quantize()函数

d3.quantize函数用于生成均匀间隔的插值器样本并返回它们。它在从给定的插值器生成特定数量的样本时很有用。

句法：

d3.quantize(interpolator, n);

参数：它需要以下两个参数。

• interpolator：它是插值函数。
• n：它是给定插值器所需的样本数

返回：它返回数组。  

示例 1：

HTML

  

    
    
    
      
    
    

  

      
    
        let interpolator =
            d3.interpolate("blue", "white");
        // Creating four samples 
        let samples = d3.quantize(interpolator, 4);
        console.log(samples)
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    
    

  

    
    
  
    
        let interpolator =
            d3.interpolate("blue", "white");
        let samples = d3.quantize(interpolator, 4);
        console.log(samples)
  
        // Using interpolateCubehelix
        interpolator =
            d3.interpolateCubehelix("blue", "white");
        samples = d3.quantize(interpolator, 3);
        console.log(samples)
          
        // Using interpolateRound
        interpolator =
            d3.interpolateRound((0, 1e3), 10);
        samples = d3.quantize(interpolator, 3);
        console.log(samples)
    

  

输出：