D3.js | d3.continuous()函数

如果给定了域中的值，则 D3.js 中的d3.continuous()函数用于从范围中返回相应的值。
句法：

d3.continuous().domain(array of values).range(array of values);

参数：此函数不接受任何参数。
返回值：此函数返回域值的相应范围值。
下面的程序说明了 D3.js 中的d3.continuous()函数：
示例 1：

javascript

     

    
        D3.js | d3.continuous() Function
    
     
    
    

 

    
         
        // Calling the scaleLinear() function
        var A = d3.scaleLinear().domain([10, 50])
                .range([0, 100]);
         
        // Getting the corresponding range for
        // the domain value
        console.log(A('15'));
        console.log(A('20'));
        console.log(A('25'));
        console.log(A('30'));
    

 

输出：

12.5
25
37.5
50

示例 2：

javascript

     

    
        D3.js | d3.continuous() Function
    
     
    
    

 

    
         
        // Calling the scaleLinear() function
        var A = d3.scaleLinear().domain([1, 5])
                .range([0, 10]);
          
        // Getting the corresponding range for
        // the domain value
        console.log(A('1'));
        console.log(A('2'));
        console.log(A('3'));
        console.log(A('4'));
    

 

输出：

0
2.5
5
7.5

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