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

在d3.js中输入数据

0 个答案: