Question

我有一个格式为String1，String2，Int1，Int2的CSV文件。我想将每行放在一个散点图上，使用D3，以int作为轴。所以我想出了如何使用D3将CSV数据加载到表中，但后来我意识到，为什么不直接将CSV列加载到变量中呢？

那么，有没有人知道如何使用D3或jQuery一次加载一列CSV？或者甚至更好，我应该考虑更好的解决方案吗？

Answer 1

首先，感谢Andrew Davis在thecodingtutorials.blogspot.com上对他使用D3非常有用的演练，特别是使用D3加载CSV文件。

D3教程：http://www.thecodingtutorials.blogspot.com/2012/07/introduction-to-d3.html

正在加载CSV：http://thecodingtutorials.blogspot.com/2012/07/using-csv-and-text-files-with-d3.html

多列CSV：http://thecodingtutorials.blogspot.com/2012/08/using-multi-column-data-with-d3-part-1.html

无论如何，简短的回答是CSV列可以被视为对象中的属性。

我之前的地方

var vis = d3.select("#tryHere").append("svg:svg").attr("width", w).attr("height", h);
vis.selectall("circle")
   .data(data).enter().append("svg:circle")
   .attr("cx", function(d) { return x(d.x) })
   .attr("cy", function(d) { return y(d.y) })
   ....

我需要在

中包含绘图代码

 d3.csv("MyFile.csv", function(rawData) {

并将最后两行替换为：

 .attr("cx", function(d) {return x(d["XColumnName"] )}
 .attr("cy", function(d) {return y(d["YColumnName"] )}
 ....

将一列csv加载到javascript变量中

1 个答案: