d3.js का उपयोग कर XML डेटा आयात करने के लिए कैसे?

Question

क्या कोई मूल उदाहरण प्रदान कर सकता है कि डी 3 का उपयोग कर किसी 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

एक्सएमएल उद्देश्य यह है कि कॉलबैक में पारित हो जाता एक्सएमएल डोम (https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml देखें) का मूल तत्व है, और इसलिए आप जावास्क्रिप्ट XML/डोम का उपयोग कर इसे संसाधित करने की जरूरत: यहाँ क्या मैं अब तक की कोशिश की है पहुंच सुविधाओं (http://www.hiteshagrawal.com/javascript/javascript-parsing-xml-in-javascript देखें)।

लिंक देखने के लिए उदाहरण: http://bl.ocks.org/2772585

के साथ लिंक

मैं एक छोटे से उदाहरण से पता चलता है कि कैसे एक बार चार्ट (मूल d3 barchart उदाहरण http://mbostock.github.com/d3/tutorial/bar-1.html के आधार पर) बनाने के लिए d3.xml उपयोग करने के लिए लिखा है एक्सएमएल कोड: https://gist.github.com/lgrammel/2772585