javascript - 将 ds.js 散点图绑定到 JSON 数据

Question

ds.js中是否可以通过绑定JSON数据创建散点图？ds 网站上的示例使用我可以创建的 TSV 文件和 CSV 文件，但更愿意绑定到从服务器作为对象列表返回的数据。我已经看到了绑定到 JSON 格式数据的其他 d3 控件的示例，但我无法弄清楚如何将该功能转移到散点图上。

Answer 1

因此，要快速修改 bl.ocks.org/mbostock/3887118 上的示例

在 index.html 文件中，注释掉或删除：

d3.tsv("data.tsv", function(error, data) {
    data.forEach(function(d) {
    d.sepalLength = +d.sepalLength;
    d.sepalWidth = +d.sepalWidth;
  });

以及结论

});

在文件的最后。

在 d3.tsv 调用之前添加：

data = [
    { sepalLength:4.4, sepalWidth:3.5, petalLength:1.4, species: "setosa"},
    { sepalLength:4.9, sepalWidth:3.0, petalLength:1.3, species: "setosa"},
    { sepalLength:4.5, sepalWidth:3.0, petalLength:1.7, species: "setosa"},
    { sepalLength:4.2, sepalWidth:3.1, petalLength:1.5, species: "virginica"},
 ];

完毕。

现在，您可能希望从服务器获取数据，因此您只需使用d3 json调用，而不是静态数据或 d3.tsv 调用。