14

誰かがd3を使用して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
4

1 に答える 1

20

コールバックに渡される XML オブジェクトは XML DOM のルート要素であるため ( https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xmlを参照)、JavaScript を使用して処理する必要があります。 XML/DOM アクセス機能。

d3.xml を使用して棒グラフを作成する方法を示す小さな例を作成しました (元の d3 棒グラフの例http://mbostock.github.com/d3/tutorial/bar-1.htmlに基づく):

例を見るためのリンク: http://bl.ocks.org/2772585

XML コードとのリンク: https://gist.github.com/lgrammel/2772585

于 2012-05-23T01:19:46.200 に答える