Question

我正在研究D3.js图

var links = [
    {source:"one",target:"two", type:"a", typeKBP:"a"},
    {source:"two",target:"three", type:"a", typeKBP:"a"},
    {source:"three",target:"four", type:"a", typeKBP:"a"},
    {source:"four",target:"five", type:"a", typeKBP:"b"},
    {source:"five",target:"six", type:"b", typeKBP:"b"},
    {source:"six",target:"seven", type:"b", typeKBP:"b"}
]

而不是像这样，我想将[...]此代码添加到sample.json文件中添加之后我怎么能从JSON文件中获取数据，因为它是格式。

Answer 1

这将为你做xhr并自动解析

d3.json("/path/flare.json", function(json) {
    //rendering logic here
}

Answer 2

您应该使用XHR调用来加载sample.json文件。加载后，您需要使用

解析JSON（这是一个简单的字符串）

var links = JSON.parse(data).

然后您可以简单地将links用作JavaScript数组，

或者，您可以搜索d3.js可能拥有的实用程序功能，并为您完成所有这些功能。

检查此链接，了解使用d3.js实用程序方法

加载外部数据的所有可能方法

https://github.com/mbostock/d3/wiki/Requests

关于json文件到var

2 个答案: