D3.js time.ticks()函数

time.ticks()函数用于统一间隔对应于刻度域的日期。日期总是在比例域的范围内。

句法：

time.ticks( count )

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

• count：它是所需的刻度数。它是一个可选参数。

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

下面的程序说明了 D3.js 中的time.ticks()函数：

示例 1：

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
  
    time.ticks() Function 
  
    
        var time = d3.scaleTime()
  
            // Set the number of ticks
            .ticks(4);
  
        // Display the time for each tick
        time.forEach(e => {
            document.write("<h3>" + e + "</h3>")
        });
    

  

输出：

示例 2：每个间隔打勾。

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
  
    time.ticks() Function 
  
    
        var time = d3.scaleTime()
  
            // Set the domain of the time to scale  
            .domain([new Date(2000, 0, 10, 0),
            new Date(2000, 0, 10, 10)])
  
            // Set the number of ticks to every 2 hours
            .ticks(d3.timeHour.every(2))
  
        // Display the time for each tick
        time.forEach(e => {
            document.write("<h3>" + e + "</h3>")
        });
    

  

输出：