📜  D3.js line.y()函数

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

D3.js line.y()函数

line.y()函数用于将y访问器设置为函数或数字,然后将其返回给由 d3.line()函数调用的行生成器函数。如果 y 未指定,则返回当前的 y 访问器。

方法:在这个创建折线图的例子中,首先,创建 SVG 元素并设置它的宽度和高度,如下例所示。然后创建一个CSV文件,文件的数据在例子中给出。我们将组容器附加到 SVG。在此之后使用 d3.line()函数创建一个线生成函数函数。

创建线生成器函数后,设置 x 比例和 y 比例域和范围,并将比例附加到 SVG。然后使用 line.x() 和line.y()将 x-scale 数据和 y-scale 数据赋予 x 轴和 y 轴。在此之后将路径附加到 SVG 并将来自行生成器函数的数据提供给路径容器的“d”属性。给折线图一些样式并完成。

句法:

line.y([y]);

参数:此函数接受如上所述和下文所述的单个参数。

  • y:此参数用于设置 y 访问器。

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

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

例子:

 
 
     
         
         
        GeeksforGeeks 
        
        
    
     
        
            
                

                    GeeksforGeeks                 

                  

                    line.y();                 

              
                                  
               

输出: