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 참조)의 루트 요소이며, 따라서 당신은 자바 스크립트 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