d3.js verschachtelte Auswahl, funktioniert nicht

Question

Also das ist mein Code, ich habe ein Array von Arrays, und sie enthalten ein Objekt mit 4 Punkten, so dass ich eine Linie mit Svg zeichnen kann, wenn ich den Code mit getestet nur ein Array hat gut funktioniert, aber ich kann es nicht mit einem Array von Arrays arbeiten, jede Hilfe wäre sehr geschätzt.

var circle = svgContainer.selectAll("svg").data(mainMt); 
console.log(circle); 
console.log("Linea"); 
var line = circle.data(function(d) { return d; }) 
.enter().append("line") 
         .attr("x1", function (d) { return d.x1; }) 
         .attr("y1", function (d) { return d.y1; }) 
         .attr("x2", function (d) { return d.x2; }) 
         .attr("y2", function (d) { return d.y2; }) 
         .attr("stroke-width", 2) 
         .attr("stroke", "black"); 

         console.log(line); 

Answer 1

Es gibt zwei Dinge fehlen - erstens, Sie müssen sich auf die Eingabe Auswahl der Top-Level-Auswahl arbeiten und zweitens, wählen Sie die Dinge für die verschachtelte Auswahl:

svgContainer 
    .selectAll("g.lines") 
    .data(mainMt) 
    .enter().append("g") 
    .attr("class"‌​, "lines") 
    .selectAll("line").data(function(d) { return d; }) 
    .enter() 
    .append("line") 
    ...