So importieren Sie XML-Daten mithilfe von d3.js?

kann jemand geben Sie ein einfaches Beispiel zum importieren von Daten aus einer XML-Datei mit d3?

Meine XML-Datei sieht wie folgt aus:

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

Wie kann ich diese Werte in ein Daten-array? Hier ist, was ich bisher ausprobiert:

    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

InformationsquelleAutor der Frage Olga | 2012-05-21

  1. 20

    Dem XML-Objekt, das übergeben wird in der callback ist das root-element des XML-DOM (siehe https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml ), und deshalb Sie brauchen, um es zu verarbeiten mit der JavaScript-XML/DOM-access-Einrichtungen.

    Ich geschrieben habe, ein kleines Beispiel, das zeigt, wie d3.xml bei der Erstellung eines Balkendiagramms (basierend auf den original-d3 barchart-Beispiel http://mbostock.github.com/d3/tutorial/bar-1.html ):

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

    Link mit XML-code: https://gist.github.com/lgrammel/2772585

    InformationsquelleAutor der Antwort Lars Grammel

Schreibe einen Kommentar