图库中的大多数示例都从 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
}
据我所知,我只需要对我的entitiesJson 做一些事情,以便对其进行数据化,以便图表可以绑定到它。
更新
我正在取得一些进展。我从 JSON 中插入了我的实体,并且图表开始呈现新的形状。
目前以下代码中断:
svg.selectAll(".bar")
.data(myEntities) // <-- this is an array of objects
.enter().append("rect")
这导致:
错误:属性 y="NaN" 的值无效
错误:属性 height="NaN" 的值无效