如何在D3中导入json数据?

2024-05-03

如何在D3中导入json文件?

I did d3.json("temp.json");

但是我如何在进一步的代码中访问这个数据集呢?

到目前为止我已经尝试过:

var data=d3.json("temp.json");

但使用 .data(data) 在其余代码中不起作用。例如,这里

var rows = g.selectAll("g.row")
.data(data)
.enter().append("g")
.attr({
  "class": "row",
  "transform": function(d, i) {
    var tx = 170 + i * squareWidth;
    var ty = 150;
    return "translate(" + [tx, ty] + ")"
  }
});

它无法访问数据。我将 json 复制粘贴到变量中,效果很好。所以数据本身没有问题。


功能d3.json() https://github.com/mbostock/d3/wiki/Requests#wiki-d3_json是异步的。因此,必须等待数据接收后才能读取data多变的。这就是为什么在处理异步数据时,做法是在内部完成所有操作d3.json()功能

d3.json("temp.json", function(error, data){
    //use data here
})
// do not use data anymore
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在D3中导入json数据? 的相关文章

随机推荐