D3.js pow.rangeRound()函数

pow.rangeRound()函数用于将刻度范围设置为指定的值数组，同时它在内部将插值器设置为 interpolatorRound。

句法：

pow.rangeRound([range]);

参数：此函数采用上面给出并在下面描述的单个参数。

• [范围]：这是一个数组，其中包含指定域的范围。

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

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

示例 1：当范围数组中的元素为 number 类型时。

 
 
 
     
     
    
     
    
     
    
     
    
     
 
 
    
        Geeks for geeks
    pow.rangeRound() Function 
     
        var pow = d3.scalePow()
                    // Domain ranges -1, +1
                        .domain([-1, +1])
                    // Range for the domain
.rangeRound([10, 20, 30, 40, 50, 60, 70, 80, 90]);
       
        document.write("<br/><div>");
        document.write("<p>With rangeRound()");
        document.write("<h3>"+pow(10.5)+"</h3>");
        document.write("<h3>"+pow(2)+"</h3>");
        document.write("<h3>"+pow(11.5)+"</h3>");
        document.write("<h3>"+pow(-1)+"</h3>");
        document.write("<h3>"+pow(1.15)+"</h3>");
        document.write("<h3>"+pow(5)+"</h3></div>");
   
        var pow = d3.scaleLinear()
                    // Domain ranges -1, +1
                        .domain([-1, +1])
                    // Range for the domain
.range([10, 20, 30, 40, 50, 60, 70, 80, 90])
   
        document.write("<br/><div>");
        document.write("<p>Without rangeRound()");
        document.write("<h3>"+pow(10.5)+"</h3>");
        document.write("<h3>"+pow(2)+"</h3>");
        document.write("<h3>"+pow(11.5)+"</h3>");
        document.write("<h3>"+pow(-1)+"</h3>");
        document.write("<h3>"+pow(1.15)+"</h3>");
        document.write("<h3>"+pow(5)+"</h3></div>");
     
 

输出：

示例 2：当范围数组中的元素为 String 类型时。

 
 
 
     
     
    
     
    
     
    
     
    
     
 
 
    Geeks for geeks
    pow.rangeRound() Function 
     
        var pow = d3.scalePow()
                    // Domain ranges -1, +1
                        .domain([-1, +1])
                    // Range for the domain
.rangeRound(["green", "blue", "red", "black", "white"]);
       
        document.write("<br/><div>");
        document.write(
"<p>d3.rangeRound() does not work with range of type string");
        document.write("<h3>"+pow(10.5)+"</h3>");
        document.write("<h3>"+pow(2)+"</h3>");
        document.write("<h3>"+pow(11.5)+"</h3>");
     
 

输出：