Balkendiagramm mit CSV und d3.js

Question

Ich habe diese Daten in CSV-Datei:

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

"kWh/Person", 1466.7,1493.9,1486.3,1531.2,1609.1,1573.3,1625.0,1583.0, 1485.0.1473.3,1517.7

Ich muss Balkendiagramm mit x-Werten "KWh nach Person/Index" und y Werte "Kwh/Person" erstellen. Ich weiß nicht, wie man die in diesem Formular angegebenen Daten erhält und verwendet. Bitte geben Sie mir einen Vorschlag. Vielen Dank!

Answer 1

Bitte besuchen Sie: http://jsfiddle.net/enigmarm/3HL4a/13/

Sie benötigen json wie [{ key: 2005, value: 1466.7 },]

Answer 2

zurückzukehren versuchen d3.csv anstelle der häufigeren d3.json verwenden. Hier sind zwei Links, die Ihnen den Einstieg erleichtern sollen.

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

http://learnjsdata.com/read_data.html

Dies wird Ihre CSV-Daten in ein JSON-Objekt konvertieren Sie vorwärts gehen können.