D3.js | d3.continuous.clamp()函数

D3.js 中的d3.continuous.clamp()函数用于启用或禁用钳位。如果钳位被禁用，则域值的范围可能超出范围，但如果启用钳位，则域值的范围将始终在范围内。

句法：

continuous.clamp( Value )

参数：此函数接受单个参数值，它是真或假。

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

下面的程序说明了 D3.js 中的d3.continuous.clamp()函数：

示例 1：

  

    
        D3.js | d3.continuous.clamp() Function
    
  
    
    

  

    
  
        // Calling the .scaleLinear() function
        var x = d3.scaleLinear()
            .domain([10, 100])
            .range([0, 5]);
  
        // Calling the .clamp() function          
        x.clamp(false);
  
        // Calling continuous() and .invert() function
        var A = x(6);
        var B = x.invert(10);
        console.log(A);
        console.log(B);
    

  

输出：

-0.22222222222222224
190

示例 2：

  

    
        D3.js | d3.continuous.clamp() Function
    
  
    
    

  

    
  
        // Calling the .scaleLinear() function
        var x = d3.scaleLinear()
            .domain([10, 100])
            .range([0, 5]);
  
        // Calling the .clamp() function          
        x.clamp(true);
  
        // Calling continuous() and .invert() function
        var A = x(6);
        var B = x.invert(10);
        console.log(A);
        console.log(B);
    

  

输出：

0
100

参考： https://devdocs.io/d3~5/d3-scale#continuous_clamp