D3.js 连续.copy()函数

Continuous.copy()函数用于创建并返回给定比例的精确副本。原始比例的任何变化都不会影响返回比例，反之亦然。

句法：

continuous.copy();

参数：此函数不接受任何参数。

返回值：此函数返回原始比例的副本。

以下示例说明了 D3.js 中的 Continuous.copy()函数：

示例 1：

HTML

  

    
    
    
    
    
    
    
    
    
    

  

    Geeks for geeks
  
    continuous.copy() Function 
  
    
        var x = d3.scaleLinear()
            .domain([0, 1])
            .range([1, 2, 3, 4, 5, 6])
  
        var copy = x.copy();
        document.write("</br>");
        document.write("<p> This is from original: ");
        document.write("<h3>" + x(0.5144) + "</h3>");
        document.write("<p> This is a copy of original: ");
        document.write("<h3>" + copy(0.5144) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    Geeks for geeks
    
    
    
    
    
    
    
    

  

    Geeks for geeks
  
    continuous.copy() Function 
  
    
        var x = d3.scaleLinear()
            .domain([0, 1])
            .range([1, 2, 3, 4, 5, 6])
  
        var copy = x.copy()
            .interpolate(d3.interpolateRound);
              
        document.write("</br>");
        document.write("This is from original: ");
        document.write("<h3>" + x(0.5144) + "</h3>");
        document.write("This is a copy of original: ");
        document.write("<h3>" + copy(0.5144) + "</h3>");
    

  

输出：