如何使用d3.js導入XML數據？

Question

有人可以提供一個基本的例子，如何使用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 

Answer 1

傳遞到回調的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）。

我寫了一個小例子，顯示瞭如何使用d3.xml創建一個條形圖（在原有基礎上D3條形圖例如http://mbostock.github.com/d3/tutorial/bar-1.html）：

鏈接以查看例如：http://bl.ocks.org/2772585

與鏈接XML代碼：https://gist.github.com/lgrammel/2772585