如何使用d3.js中的强制有向图显示xml标签数据

我指的是this链接。我想在XML标签中显示文本内容，但由于我是d3的新手，因此我无法理解此处所做的更改。任何人都可以帮助我一些线索？如何使用d3.js中的强制有向图显示xml标签数据

xml文件低于：

<?xml version="1.0" encoding="ISO-8859-1"?> 
<flare> 
    <analytics> 
    <cluster> 
     <agglomerativeCluster>3938</agglomerativeCluster> 
     <communityStructure>3812</communityStructure> 
     <mergeEdge>743</mergeEdge> 
    </cluster> 
    <graph> 
     <test>3343</test> 
     <mmmm>3353</mmmm> 
     <lalala>454</lalala> 
    </graph> 
    <optimization> 
     <AspectRatio>7074</AspectRatio> 
    </optimization> 
    </analytics> 
</flare>

来源

2015-04-28 sugar

d3.xml("path_to_your_xml_file.xml", "application/xml", function(xml) { 
     d3.select("#div_that_you_want_to_modify") 
     .data(xml.documentElement.getElementsByTagName("tag_name_that_you_want_to_display"))

后这里开始你将有指定标签之间封闭的文本内容。 this示例将有帮助

来源

2015-04-28 09:37:52

我已经看到这个例子，但试图了解这里的树布局示例http://bl.ocks.org/mbostock/1080941#index.html，我想显示这些节点的名称有些像一个工具提示。我想我得读更多关于d3.js，谢谢:) – sugar

如何使用d3.js中的强制有向图显示xml标签数据

回答

相关问题