D3.js 线没有画在图表上

D3.js 线没有画在图表上,d3.js,D3.js,我是D3.js新手,我正在努力在这张图表上画线: 在控制台中,行的数据似乎是正确的。log,并且路径被附加到dom中,但它们不在图表上 我确信这是很明显的,我就是看不见。路径在那里,但它们已经被吹离画布,因为 您没有将xScale和yScale应用于setupLine中的路径。函数应按照以下内容阅读: 函数设置线(插值、x、xScale、y、yScale){ 返回d3.svg.line() .插值(插值) .x(功能(d,i){ 返回xScale(d[x]); }) .y(功能(d,i){ 返回

我是D3.js新手,我正在努力在这张图表上画线:

控制台中,行的数据似乎是正确的。log
,并且
路径被附加到dom中,但它们不在图表上


我确信这是很明显的,我就是看不见。

路径在那里,但它们已经被吹离画布,因为

您没有将
xScale
yScale
应用于
setupLine
中的路径。函数应按照以下内容阅读:

函数设置线(插值、x、xScale、y、yScale){
返回d3.svg.line()
.插值(插值)
.x(功能(d,i){
返回xScale(d[x]);
})
.y(功能(d,i){
返回y刻度(d[y]);
});
}

因此,您必须从
prepareChart
函数返回刻度。

路径在那里,但它们已被吹离画布

您没有将
xScale
yScale
应用于
setupLine
中的路径。函数应按照以下内容阅读:

函数设置线(插值、x、xScale、y、yScale){
返回d3.svg.line()
.插值(插值)
.x(功能(d,i){
返回xScale(d[x]);
})
.y(功能(d,i){
返回y刻度(d[y]);
});
}

因此,您必须从
prepareChart
功能返回刻度。

+1漂亮干净的代码,阅读起来很愉快。:)+1个干净的代码,读起来很愉快。:)