d3使用JSON对象的区域图

时间:2013-11-11 08:20:59

标签: json d3.js

我正按照http://bl.ocks.org/mbostock/3883195发布的示例代码构建d3区域图表。但是在我的程序中,数据以JSON格式存储在变量(Object)中。更换以下行需要帮助。

d3.tsv("data.tsv", function(error, data) {
 data.forEach(function(d) {
 d.date = parseDate(d.date);
 d.close = +d.close;
}); 

尝试data.push([parseDate(jvariable.time),jvariable.total])。不工作。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:3)

您需要删除d3.tsv文件加载器并直接使用您的变量。因此,您只需要将对象重命名为数据,并按照我在此处创建的示例使用它

http://bl.ocks.org/mohamed-ali/ed4772df6dca7a48f678

基本上,解决方案不是使用:

d3.tsv("data.tsv", function(error, data) {
 data.forEach(function(d) {
 d.date = parseDate(d.date);
 d.close = +d.close;
}); 

使用

 data = {...data object...}

 data.forEach(function(d) {
   d.date = parseDate(d.date);
   d.close = +d.close;
 });