D3.js用数组替换tsv文件

Question

我一直试图实现以下chart，而不使用d3.tsv，因为我从其他来源获取数据。

按照什么这个其他类似question有人说，我试着更换这部分代码：

d3.tsv("data.tsv", type, function(error, data) { 
    if (error) throw error; 

    var cities = data.columns.slice(1).map(function(id) { 
     return { 
      id: id, 
      values: data.map(function(d) { 
       alert(d.date); 
       alert(id); 
       return {date: d.date, temperature: d[id]}; 
      }) 
     }; 
    }); 

有了：

var data=[ 
{date:20111001,temperature:{New York:63.4,San Francisco:62.7,Austin:72.2}}, 
{date:20111001,temperature:{New York:58.0,San Francisco:59.9,Austin:67.7}} 
. 
. 
. 
]; 

但我得到的错误：

SyntaxError: missing : after property id 

这种图表的正确格式是什么？

Answer 1

由于这是TSV文件的结构：

date New York San Francisco Austin 
20111001 63.4 62.7 72.2 
20111002 58.0 59.9 67.7 
20111003 53.3 59.1 69.4 

它将由d3.tsv功能（与行功能一起）利用该结构进行解析，以对象的数组：

[{ 
    "date": "2011-09-30T14:00:00.000Z", 
    "New York": 63.4, 
    "San Francisco": 62.7, 
    "Austin": 72.2 
}, { 
    "date": "2011-10-01T14:00:00.000Z", 
    "New York": 58, 
    "San Francisco": 59.9, 
    "Austin": 67.7 
}, { 
    "date": "2011-10-02T13:00:00.000Z", 
    "New York": 53.3, 
    "San Francisco": 59.1, 
    "Austin": 69.4 
},{ 
    ... 
}] 

哪必须是你的data变量的结构。

请注意：这里的日期已经被解析。如果您要使用原始值，请解析data阵列中的日期（例如，使用forEach）。

PS：在您的数组中，New York和San Francisco不是有效的属性名称。您应该为它们使用逗号：

var data = [{ 
    date: 20111001, 
    temperature: { 
     "New York": 63.4, 
     "San Francisco": 62.7, 
     Austin: 72.2 
    } 
}, { 
    date: 20111001, 
    temperature: { 
     "New York": 58.0, 
     "San Francisco": 59.9, 
     Austin: 67.7 
    } 
}];