D3.js 在JSFIDLE中加载外部csv文件

D3.js 在JSFIDLE中加载外部csv文件,d3.js,jsfiddle,dc.js,D3.js,Jsfiddle,Dc.js,我正在尝试为其中一个dc.js示例创建一个JSFIDLE。我无法使用URL和d3.csv()加载外部文件 有人能建议如何在JSFIDLE中使用d3.csv加载csv文件吗 a。将数据放入 d3.csv("data.csv", function(error, data) { if(error){console.log("Could not read " + "data.csv"); /* Do something with `data` here */ }); JSFIDLE友

我正在尝试为其中一个dc.js示例创建一个JSFIDLE。我无法使用URL和
d3.csv()
加载外部文件


有人能建议如何在JSFIDLE中使用
d3.csv
加载csv文件吗

a。将数据放入

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

   if(error){console.log("Could not read " + "data.csv");

   /* Do something with `data` here */

});
JSFIDLE友好的版本如下所示:


如果您希望有一个完整的工作示例,按照预期使用文件读取方法,那么注释中还提到了其他选项。我认为还允许外部数据文件。

我不确定您是否可以,但还有其他选择,例如是另一个不错的选择。@Andy897:试试您可能喜欢的Plunker。我和你有同样的情况,这就是P.S.中的情况;它来自,它最初有四个不同的数据文件——所有的数据文件都作为独立的
块放入小提琴中;您还可以看到代码中注释掉的原始文件读取调用。这个例子来自于:嗨,阿米莉亚,谢谢你的回答。您似乎积极地与d3和其他子库(如nvd3和dc)合作。这是我的另一个疑问,如果你有机会的话,请看一下。。。非常感谢。我替换了一个轻微的语法变体:d3.csv(“data.csv”,function(error,data){data.forEach(function(d){d.date=parseDate(d.date);d.close=+d.close;});替换为:var data=d3.csv.parse(d3.select(“pre#data”).text();data.forEach(function(d){d.date=parseDate(d.date);d.close=+d.close;});对于d3版本4,使用:
d3.csvParse(d3.select(“pre#data”).text();
//d3.csv("data.csv", function(error, data) {

//   if(error){console.log("Could not read " + "data.csv");

var data = d3.csv.parse( d3.select("pre#data").text() );

   /* Do something with `data` here */

//});