d3.js - 从简单的 JSON 字符串加载 D3.js 数据

Question

图库中的大多数示例都从 TSV 文件加载数据。
如何转换以下内容以使用本地 json 变量而不是 TSV 数据？

d3.tsv("data.tsv", function(error, data) {

    var myEntitiesJson = getEntitiesJson(); // <------ use this instead of "data"
    data.forEach(function(d) {
        d.frequency = +d.frequency;
    });

    x.domain(data.map(function(d) { return d.letter; }));
    y.domain([0, d3.max(data, function(d) { return d.frequency; })]);

    ...

    svg.selectAll(".bar")
        .data(data)     // <----- bind to myEntities instead
}

据我所知，我只需要对我的实体Json 做一些事情，以便 数据-fy 以便图表可以绑定(bind)到它。
更新
我正在取得一些进展。我从 JSON 中插入了我的实体，并且图表开始呈现新的形状。
目前以下代码中断:

svg.selectAll(".bar")
    .data(myEntities)  // <-- this is an array of objects
    .enter().append("rect")

这导致:

Error: Invalid value for attribute y="NaN"

Error: Invalid value for attribute height="NaN"

Answer 1

用于远程 data.json
代替 :

d3.tsv("data.tsv", function(error, data) {...}

和 :

d3.json("data.json", function(error, data) {
    console.log(data); // this is your data
});

对于本地数据:

var myData = { {date:'2013-05-01', frequency:99},
               {date:'2013-05-02', frequency:24} };

function draw(data) {
    console.log(data); // this is your data
}

draw(myData);