2012-05-21 33 views
13

誰かがd3を使用してXMLファイルからデータをインポートする基本的な例を提供できますか?d3.jsを使用してXMLデータをインポートするには?

私のXMLファイルには、次のようになります。

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

私はデータ配列にこれらの値を追加することができますどのように?ここで私はこれまで試したものです:

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 

答えて

19

コールバックに渡されるXMLオブジェクトは、XML DOM(https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xmlを参照)のルート要素であるので、あなたには、JavaScript、XML/DOMを使用して、それを処理する必要がありますアクセス施設(http://www.hiteshagrawal.com/javascript/javascript-parsing-xml-in-javascriptを参照)。とhttp://bl.ocks.org/2772585

リンク:例を参照するには

リンク:

私は(元D3の棒グラフの例http://mbostock.github.com/d3/tutorial/bar-1.htmlに基づく)棒グラフを作成するためにd3.xmlを使用する方法を示し小さな例を書かれていますXMLコード:https://gist.github.com/lgrammel/2772585

関連する問題