SelectAll =>处理D3中的列表列表

Question

我有以下问题：

1. 是否可以浏览列表的列表。我的目标是绘制多行（这是第一张列表），每行以对象形式（这是第二张列表）具有多个x1-y1-x2-y2。如果我将所有这些行合并到一个有效的集合=>中，但不能合并成多个。

var canvas = d3.select("body") .append("svg") .attr("width", 700) .attr("height", 700);

    canvas.selectAll("line")
        .data(dataArray)
        .enter()
            .append("line")
                .attr("x1", function(d, i) { return d.x1; })
                .attr("y1", function(d, i) { return d.y1; })
                .attr("x2", function(d, i) { return d.x2; })
                .attr("y2", function(d, i) { return d.y2; })
                .attr("stroke", "green")
                .attr("stroke-width", 5)
                .attr("class", "test");`

预期结果应如下所示：