Question

是否可以通过绑定JSON数据在ds.js中创建散点图？ 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调用。

将ds.js Scatter Chart绑定到JSON数据

1 个答案: