[js]d3.js繪製拓撲樹

echart也支持拓撲樹了

所需的json數據格式: children嵌套

vis.js也支持繪製拓撲樹

數據格式:

nodes: {id, label, title}
edges: {from, to, label}

d3.js也能夠繪製拓撲樹]()

D3        屬於基礎的繪圖庫(基於 canvas 的, 因此能夠說徹底不作兼容考慮)，封裝的功能都是一些基礎圖形圖像和動畫這類的，可是功能異常強大。

Echarts 屬於應用型          (或者業務型)的圖表庫， 指望的是： 幾乎不須要寫繪圖過程代碼就能生成漂亮的圖表。

d3學習筆記參考

所須要的數據也是children傳的

var treeData =
        {
            "name": "Top Level",
            "children": [
                {
                    "name": "Level 2: A",
                    "children": [
                        {"name": "Son of A"},
                        {"name": "Daughter of A"}
                    ]
                },
                {"name": "Level 2: B"}
            ]
        };