D3.js pow.clamp()函数

d3.js 中的pow.clamp()函数用于启用或禁用钳位，仅当指定了钳位时。如果钳位被禁用，返回值的范围可能超出给定范围。

句法：

pow.clamp(clamp);

属性值：此函数接受上面给出和下面描述的单个参数。

• 钳位：它接受一个布尔值 true 或 false。

下面给出了上面给出的函数的几个例子。

示例 1：当钳位设置为假时。

HTML

    
    
    
    
    
    
    
    
    
    


    
        Geeks for geeks
        
     
pow.clamp() Function 
 
    
        // Calling the .scalePow() function
        var x = d3.scalePow()
            .domain([10, 100])
            .range([0, 5])        
            .clamp(false);
 
        // Calling pow() and .invert() function
        var a = x(2);
        var b = x.invert(15);
        document.write("<h3>"+a+"</h3>");
        document.write("<h3>"+b+"</h3>");
    
    

输出：

示例 2：当钳位设置为真时。

HTML

    
    
    
    
    
    
    
    
    
    


    Geeks for geeks
     
pow.clamp() Function 
 
      
        // Calling the .scalePow() function
        var x = d3.scalePow()
            .domain([10, 100])
            .range([0, 5])         
            .clamp(true);
   
        // Calling pow() and .invert() function
        var a = x(12);
        var b = x.invert(15);
        var c = x.invert(150);
        document.write("<h3>"+a+"</h3>");
        document.write("<h3>"+b+"</h3>");
        document.write("<h3>"+c+"</h3>");
    
    

输出：