D3在循环中绘制点

Question

我正在尝试在折线图上绘制线条的数据点，所以在所有线条的循环中，我绘制如下点：但不确定为什么它只绘制第一个点线。

有人能看到我在这里缺少的东西吗？

    for(var i=0; i<lines.length; i++) {
        var line = lines[i];

        svg.selectAll('.point')
            .data(line.coordinates)
            .enter()
                 .append("circle")
                     .attr('class', 'point')
                     .attr('stroke', function(d) { console.log(d); return line.color; })
                     .attr('fill', function(d) { return line.color; })
                     .attr("cx", function(d) { return x_scale(d[0]); })
                     .attr("cy", function(d) { return y_scale(d[1]); })
                     .attr("r", 6);

    }