2012-05-21 27 views
13

Birisi d3 kullanarak bir XML dosyasından veri alma konusunda temel bir örnek sağlayabilir mi?XML verileri d3.js kullanılarak nasıl içe aktarılır?

Benim XML dosyası şöyle görünür:

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

Nasıl bir veri dizisi bu değerleri ekleyebilir?

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 

cevap

19

callback'inde geçirilir XML nesnesi, XML DOM (https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml bakınız) kök öğedir ve bu nedenle JavaScript XML/DOM kullanarak işlemek gerekir: Burada şimdiye kadar denedim budur erişim tesisleri (bkz. http://www.hiteshagrawal.com/javascript/javascript-parsing-xml-in-javascript). ile http://bl.ocks.org/2772585

Linki: örnek görmek için

Bağlantı:

I (orijinal d3 barchart örnek http://mbostock.github.com/d3/tutorial/bar-1.html dayanarak) bir çubuk grafik oluşturmak için d3.xml nasıl kullanılacağını gösteren küçük bir örnek yazdım XML kodu: https://gist.github.com/lgrammel/2772585