xml - 如何使用 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 访问工具来处理它。

我写了一个小例子来展示如何使用 d3.xml 创建条形图(基于原始的 d3 条形图示例 http://mbostock.github.com/d3/tutorial/bar-1.html ):

查看示例的链接:http://bl.ocks.org/2772585

XML 代码链接:https://gist.github.com/lgrammel/2772585