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();
输出: