javascript - 使用 d3 显示来自 csv 的图像

Question

我对 javascript、d3 和 polymer 项目还很陌生。

我有一个包含图像信息的 csv 文件，我已经解析了该文件并创建了一个仅包含图像 URL 的数组。 现在我想在我的聚合物项目中显示这些图像。但是，当我尝试使用数组时，什么也没有发生。

d3.csv("./images2.csv",function (data) {
 var URL = data.map(function(d) {return d.imageUrl});
 var urlArray = [];
 urlArray.push(URL);

 //display 1st image?
 document.write('<img src=" + urlArray[0] + "/>');
}); 

我不确定我的语法是否错误或以错误的方式处理此问题，但我无法找到任何有用的东西。如有任何帮助或建议，我们将不胜感激。

Answer 1

这不会像您尝试的那样工作，因为您将一个数组放入一个数组(在没有看到您的 csv 文件的情况下这样说)然后尝试调用返回一个数组的外部

假设URL是一个 URL 数组，这些行毫无意义，您可以删除它们:var urlArray = []; urlArray.push(URL);

然后尝试 document.write('<img src=" + URL[0] + "/>');

完整代码:

d3.csv("./images2.csv",function (data) {
 var URL = data.map(function(d) {return d.imageUrl});
 //display 1st image?
 document.write('<img src=" + URL[0] + "/>');
});