D3.js time.rangeRound()函数

time.rangeRound()函数用于将刻度范围设置为指定的值数组，同时将插值器设置为 intepolateRound。

句法：

time.rangeRound([range]);

参数：此函数接受一个上面给出并在下面描述的参数。

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

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

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

示例 1：

HTML

  

    
    
    
    
    
    
    
    
    
    
  
    
        body {
            margin-left: 40px;
        }
  
        h2 {
            color: green;
        }
  
        div {
            float: left;
            width: 280px;
        }
    

  

    Geeks for geeks
    time.rangeRound() Function 
      
    
        var time = d3.scaleTime()
            // Setting domain for the scale.
            .domain([1, 10])
            // Setting the range of the scale.
            .range([1, 100]);
  
        document.write(
            "<div><h3>Without time.rangeRound()</h3>");
        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></div>");
  
        var time = d3.scaleTime()
            // Setting domain for the scale.
            .domain([1, 10])
            // Setting the range of the scale.
            .rangeRound([1, 100]);
        document.write(
            "<div><h3>With time.rangeRound()</h3>");
        document.write(
            "<div><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></div>");
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    
    
    
    
    
    
    
  
    
        body {
            margin-left: 40px;
        }
  
        h2 {
            color: green;
        }
    

  

    Geeks for geeks
    time.rangeRound() Function 
    
  
        var time = d3.scaleTime()
  
            // Setting domain for the scale.
            .domain([2001 - 01 - 01, 2000 - 01 - 02])
            .rangeRound([1, 10])
        document.write("<h3>time(2.4): " 
                + time(2.4) + "</h3>");
  
        document.write("<h3>time(2): " 
                + time(2) + "</h3>");
  
        document.write("<h3>time(6.4): " 
                + time(6.4) + "</h3>");
                  
        document.write("<h3>time(4.5): " 
                + time(4.5) + "</h3>");
    

  

输出：