如何使用d3.js导入XML数据？

StackOverflow https://stackoverflow.com//questions/10682856

  •  12-12-2019
  •  | 
  •  

题

可以有人提供基本示例如何使用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
.

有帮助吗？

解决方案

传递到回调的XML对象是XML DOM的根元素（请参阅 https://github.com/mbostock/d3/wiki/requests#wiki-d3_xml ），因此您需要使用JavaScript XML / DOM访问设施来处理它。

我已经写了一个小示例，显示了如何使用d3.xml创建条形图（基于原始D3 Barchart示例 http://mbostock.github.com/d3/tutorial/bar-1.html ）：

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

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top