有人可以提供一个如何使用 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 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://mbostock.github.com/d3/tutorial/bar-1.html ):
链接查看示例:http://bl.ocks.org/2772585 http://bl.ocks.org/2772585
与 XML 代码的链接:https://gist.github.com/lgrammel/2772585 https://gist.github.com/lgrammel/2772585
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)