D3.js time.tickFormat()函数

D3.js中的time.tickFormat()函数用于返回适合显示刻度值的时间格式函数。未指定说明符时返回默认时间格式。

句法：

time.tickFormat( count, specifier )

参数：此函数接受上面给出的两个参数，如下所述：

• count：指定刻度值的数量。
• 说明符：它将用作说明符的字符串。它的格式类型为“s”。

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

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

示例 1：

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
  
    time.tickFormat() Function 
  
    
        var time = d3.scaleTime()
  
            // Specify the domain and range
            .domain([2001 - 01 - 01, 2005 - 01 - 02])
            .range([1, 100]);
  
        var ticks = time.ticks(1);
  
        // Specify the format of the ticks
        var tickFormat = time.tickFormat(1, "%Y-%m-%d ");
  
        document.write("<h3>" +
            ticks.map(tickFormat) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
  
    time.tickFormat() Function 
  
    
        var time = d3.scaleTime()
  
            // Specify the domain and range
            .domain([2001 - 01 - 01, 2005 - 01 - 02])
            .range([1, 100]);
  
        var ticks = time.ticks(1);
  
        // Specify the format of the ticks
        var tickFormat = time.tickFormat(0, "%I %p");
  
        document.write("<h3>" +
            ticks.map(tickFormat) + "</h3>");
    

  

输出：