D3.js 在JSFIDLE中加载外部csv文件
我正在尝试为其中一个dc.js示例创建一个JSFIDLE。我无法使用URL和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友
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 */
//});