Как импортировать данные XML с помощью d3.js?

может ли кто-нибудь предоставить базовый пример, как импортировать данные из файла XML с помощью d3?

Мой 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

Ответы

Ответ 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