如何使用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標籤數據

回答

相關問題