使用.csv和d3.js的条形图

时间:2016-11-30 09:21:00

标签: javascript csv d3.js visualization

我在.csv文件中有这些数据:

"KWh by person/index","2005","2006","2007","2008","2009","2010","2011","2012","2013","2014","2015"

"千瓦时/人",1466.7,1493.9,1486.3,1531.2,1609.1,1573.3,1625.0,1583.0,1485.0,1473.3,1517.7

我需要创建带有x值的条形图" KWh by person / index"和y值" Kwh / person"。我不知道如何获取和使用此表单中提供的数据。请给我一些建议。非常感谢!

2 个答案:

答案 0 :(得分:0)

尝试使用d3.csv而不是更常见的d3.json。以下是两个可以帮助您入门的链接。

https://github.com/d3/d3-3.x-api-reference/blob/master/CSV.md

http://learnjsdata.com/read_data.html

这会将您的CSV数据转换为您可以继续使用的json对象。

答案 1 :(得分:-1)

请访问:http://jsfiddle.net/enigmarm/3HL4a/13/

你需要像[{ key: 2005, value: 1466.7 },]

一样返回json