2012-05-21 2 views
13

kann jemand ein einfaches Beispiel geben, wie man Daten aus einer XML-Datei mit d3 importiert?Wie importiere ich XML-Daten mit d3.js?

sieht Meine XML-Datei wie folgt:

<data> 
     <value>71</value> 
     <value>12</value> 
     <value>44</value> 
     <value>88</value> 
    </data> 

Wie kann ich diese Werte an eine Datenreihe hinzufügen? Hier ist, was ich versuchte, so weit:

d3.xml("values.xml", function(xml) { 
    d3.select(xml).selectAll("data").each(function(data) { 
     d3.select(data).selectAll("value"); 
     //add data to array?; 
     }; 
}); 
    //use Array 

Antwort

19

Das XML-Objekt, das in den Callback übergeben wird, ist das Wurzelelement des XML-DOM (siehe https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml), und deshalb müssen Sie es verarbeiten, die JavaScript XML/DOM Zugangseinrichtungen (siehe http://www.hiteshagrawal.com/javascript/javascript-parsing-xml-in-javascript).

Ich habe ein kleines Beispiel geschrieben, das zeigt, wie d3.xml verwenden, um ein Balkendiagramm (basierend auf dem ursprünglichen d3 barchart Beispiel http://mbostock.github.com/d3/tutorial/bar-1.html) zu erstellen:

Link zu sehen Beispiel: http://bl.ocks.org/2772585

Verbindung mit XML-Code: https://gist.github.com/lgrammel/2772585