Làm cách nào để nhập dữ liệu XML bằng d3.js?

Question

ai đó có thể cung cấp ví dụ cơ bản về cách nhập dữ liệu từ tệp XML bằng d3?

tập tin XML của tôi trông như thế này:

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

Làm thế nào tôi có thể thêm các giá trị cho một mảng dữ liệu? Đây là những gì tôi đã cố gắng cho đến nay:

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

Đối tượng XML được chuyển vào callback là yếu tố gốc của DOM XML (xem https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml), và do đó bạn cần phải xử lý nó bằng cách sử dụng JavaScript XML/DOM phương tiện tiếp cận (xem http://www.hiteshagrawal.com/javascript/javascript-parsing-xml-in-javascript).

Tôi đã viết một ví dụ nhỏ cho thấy làm thế nào để sử dụng d3.xml để tạo ra một biểu đồ thanh (dựa trên d3 gốc barchart dụ http://mbostock.github.com/d3/tutorial/bar-1.html):

liên kết để xem ví dụ: http://bl.ocks.org/2772585

Liên kết với Mã XML: https://gist.github.com/lgrammel/2772585