D3.js time.range()函数

time.range()函数用于将刻度范围设置为指定的值数组。给定的数组包含两个或多个元素。

句法：

time.range([range]);

参数：此函数接受如上所述和如下所述的单个参数：

• range：此参数接受数字或字符串数组。

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

下面的示例说明了 D3.js 中的 time.range()函数：

示例 1：

HTML

 
 
 
     
     
    
     
    
     
    
     
    
     
 
 
    
        Geeksforgeeks
    
    time.range() Function 
    
        // Setting domain for the scale. 
        // Setting the range of the scale.
        var time = d3.scaleTime()                 
                .domain([1, 100])                 
                .range([1, 10]);
        document.write("<h3>time(10): "
        +time(10)+"</h3>");
        document.write("<h3>time(20): "
        +time(20)+"</h3>");
        document.write("<h3>time(30): "
        +time(30)+"</h3>");
        document.write("<h3>time(40): "
        +time(40)+"</h3>");
     
 

输出：

示例 2：以下示例演示了范围为字符串类型时的上述函数。

HTML

 
 
 
     
     
    
     
    
     
    
     
    
     
 

  

 
    
        Geeksforgeeks
    
    time.range() Function 
    
        // Setting domain for the scale. 
        // Setting the range of the scale.
        var time = d3.scaleTime()                 
                .domain([1, 10])                 
                .range(["red", "green"]);
        document.write("<h3>time(1.5): "
            +time(1.5)+"</h3>");
        document.write("<h3>time(2): "
            +time(2)+"</h3>");
        document.write("<h3>time(3.5): "
            +time(3.5)+"</h3>");
        document.write("<h3>time(4.5): "
            +time(4.5)+"</h3>");
     
 

输出：