如何加载tsv文件以与D3一起使用

Question

我试图弄清楚如何在我的D3项目中使用tsv文件。我看过https://github.com/mbostock/d3/wiki/CSV

这是我的代码，现在是在评论的一些帮助下

d3.tsv.parse(d3.select("ballet.tsv").text(), function(d){
    d3.select("body").append("div")
        .text(d.year);
});

我的数据看起来像这样

year    production  Company
1996    Impressions of Sophie (1996)    National Youth Ballet of Great Britain
1996    Lavender's Blue (1996)  National Youth Ballet of Great Britain
1940    Les Sylphides (1940)    The Vic-Wells Ballet

等

非常感谢任何帮助，谢谢

Answer 1

正如@Lars在评论中指出的那样，d3.tsv.parse是异步的，因此data操作的所有代码都应该包装在回调函数中{{1} } documentation中的参数。基本代码的结构应如下：

accessor

这是working fiddle。