D3.js 连续.tickFormat()函数

Continuous.tickFormat()函数用于更改刻度值的格式。它返回一个适合显示刻度值的数字格式函数。

句法：

continuous.tickFormat( count, specifier )

参数：此函数接受两个参数，如上所述和如下所述。

• count：它是要使用的刻度值的数量。它是一个可选参数。
• 说明符：它是一个字符串，它指定要使用的格式。它是一个可选参数。

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

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

示例 1：

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
  
    continuous.tickFormat() Function 
  
    
        var x = d3.scaleLinear()
            .domain([0, 1])
            .range([1, 2, 3, 4, 5, 6]);
  
        var ticks = x.ticks(3)
        var tickFormat = x.tickFormat(3, " %");
  
        document.write("<h3>" +
            ticks.map(tickFormat) +
            "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
  
    continuous.tickFormat() Function 
  
    
        var x = d3.scaleLinear()
            .domain([0, 1])
            .range(["red", "blue", "green", "orange"]);
  
        var ticks = x.ticks(5)
        var tickFormat = x.tickFormat(5, " $");
  
        document.write("<h3>" +
            ticks.map(tickFormat) +
            "</h3>")
    

  

输出：