D3.js pow.range()函数

d3.js 中的pow.range()函数用于将刻度的范围设置为指定的值数组，该数组必须包含两个或两个以上的值。范围内的元素可以是数字或字符串。

句法：

pow.range([range]);

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

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

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

示例 1：

html

  

    
    
  
    
    

  

    
        var pow = d3.scalePow()
  
            // Setting domain for the scale.
            .domain([-10, 10])
          
            // Range of numbers
            .range([10, 20, 30, 40, 50, 60])
            .exponent(2);
        console.log("The range of this is "
                + "[10,20,30,40,50,60]: ");
        console.log("pow(-4): " + pow(-4));
        console.log("pow(4): " + pow(4));
        console.log("pow(2.4): " + pow(2.4));
    

  

输出：

示例 2：

html

  

    
    
  
    
    

  

    
        var pow = d3.scalePow()
  
            // Setting domain for the scale.
            .domain([-10, 10])
          
            // Range of colors
            .range(["red", "blue", "green", "white"])
            .exponent(2);
        console.log("The range of this is"
            + " [red,blue,green,white]: ");
        console.log("pow(-4): " + pow(-4));
        console.log("pow(4): " + pow(4));
        console.log("pow(2.4): " + pow(2.4));
    

  

输出：