在d3.js中输入数据

Question

我在将数据加载到d3.js中时遇到问题。 我已经用以下数据填充了data.json文件：

"[[11,53,32.0,20],[4,57,160.0,20],[4,58,192.0,20],[2,63,352.0,20],[0,66,448.0,20],[0,67,480.0,20],[0,67,480.0,170],[0,67,480.0,320],[0,68,512.0,20],[0,69,544.0,20],[4,70,576.0,20],[0,70,576.0,170],[4,70,576.0,320],[0,72,640.0,20],[0,73,672.0,20],[0,75,736.0,20],[4,75,736.0,170],[0,76,768.0,20],[0,78,832.0,20],[0,79,864.0,20],[0,81,928.0,20]]"

我想将此数据加载到JSON中，然后使用它构造一些对象。 这是负责的d3位：

frame.select("g").data(dataset).enter().append("img")
            .attr("src", "Shuttle Booster Diagram Simplified.svg")
            .attr("height", "150px")
            .style("background-color", "red");

但是，这并没有加载我期望的20张火箭图，而是加载了其中300多个！

如果我将数据集降低到

"[[11,53,32.0,20]"

装入15份。

我怎么了 是否应该以其他方式填充数据以避免发生此问题？

此工作的回购： https : //github.com/ResidentMario/visualizations/tree/master/shuttle