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

时间:2015-04-28 08:46:40

标签: javascript xml d3.js

我指的是this链接。我想在XML标记中显示文本内容,但由于我是d3的新手,我无法理解这里要做的更改。任何人都可以帮我一些线索吗?

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>

1 个答案:

答案 0 :(得分:0)

  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示例将有所帮助