📜  D3.js axisTop()函数

📅  最后修改于: 2022-05-13 01:56:20.869000             🧑  作者: Mango

D3.js axisTop()函数

可以使用内置的 D3 函数绘制轴。这是由线条、刻度和标签组成的。 D3.js 中的d3.axisTop()函数用于创建顶部水平轴。这个函数将为给定的比例构造一个新的面向顶部的轴生成器,带有空的刻度参数,刻度大小为 6,填充为 3。

Axis API 可以使用以下脚本进行配置。


句法:

d3.axisTop(scale)

参数:该函数只接受一个参数,如上所述,如下所述:

  • scale:这个参数是使用的比例。

返回值:此函数返回顶部水平轴。

下面的程序说明了 D3.js 中的d3.axisTop()函数:

示例 1:

HTML


  

    
        D3.js | d3.axisTop() Function
    
    

  

    

  


HTML


  

    
        D3.js | d3.axisTop() Function
    
      
    
      
    

  

    

  


输出:

示例 2:

HTML



  

    
        D3.js | d3.axisTop() Function
    
      
    
      
    

  

    

  

输出:

参考: https ://devdocs.io/d3~5/d3-axis#axisTop