Toggle navigation
树图
By
烟***q
2020-08-06 08:00:13
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var data ={ "name": "终端", "symbol": "emptyCircle", "symbolSize": "25", "children": [ { "name": "分支1", "symbol": "emptyCircle", "symbolSize": "25", "myLinkStyle": { "targetName": "分支1", "color": "#FF4500" }, "emphasis": { "itemStyle": { "color": "red" }, "label": { "show": true, "color": "green", "position": "top" } }, "children": [ { "name": "A相(10)", "symbol": "emptyCircle", "symbolSize": "25", "emphasis": { "itemStyle": { "color": "red" }, "label": { "show": true, "color": "green", "position": "top" } }, "children": [ {"name": "000000000001", "value": 101, "symbol": "emptyCircle", "symbolSize": "25" }, {"name": "000000000002", "value": 102, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000003", "value": 3, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000004", "value": 4, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000005", "value": 5, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000006", "value": 6, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000007", "value": 7, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000008", "value": 8, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000009", "value": 9, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000010", "value": 10, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "B相(5)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000011", "value": 11, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000012", "value": 12, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000013", "value": 13, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000014", "value": 14, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000015", "value": 15, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "C相(3)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000016", "value": 16, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000017", "value": 17, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000018", "value": 18, "symbol": "emptyCircle", "symbolSize": "25"} ] } ] }, { "name": "分支2", "symbol": "emptyCircle", "symbolSize": "25", "children": [ { "name": "A相(3)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000001", "value": 1, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000002", "value": 2, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000003", "value": 3, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "B相(4)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000011", "value": 11, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000012", "value": 12, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000013", "value": 13, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000014", "value": 14, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "C相(2)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000016", "value": 16, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000017", "value": 17, "symbol": "emptyCircle", "symbolSize": "25"} ] } ] }, { "name": "分支3", "symbol": "emptyCircle", "symbolSize": "25", "children": [ { "name": "A相(8)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000001", "value": 1, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000002", "value": 2, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000003", "value": 3, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000004", "value": 4, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000005", "value": 5, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000006", "value": 6, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000007", "value": 7, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000008", "value": 8, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "B相(4)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000011", "value": 11, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000012", "value": 12, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000013", "value": 13, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000014", "value": 14, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "C相(2)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000016", "value": 16, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000017", "value": 17, "symbol": "emptyCircle", "symbolSize": "25"} ] } ] }, { "name": "分支4", "symbol": "emptyCircle", "symbolSize": "25", "children": [ { "name": "A相(6)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000001", "value": 1, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000002", "value": 2, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000003", "value": 3, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000004", "value": 4, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000005", "value": 5, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000006", "value": 6, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "B相(3)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000011", "value": 11, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000012", "value": 12, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000013", "value": 13, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "C相(1)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000016", "value": 16, "symbol": "emptyCircle", "symbolSize": "25"} ] } ] }, { "name": "分支5","value": 5, "symbol": "emptyCircle", "symbolSize": "25" }, { "name": "分支6","value": 6, "symbol": "emptyCircle", "symbolSize": "25" }, { "name": "分支7","value": 7, "symbol": "emptyCircle", "symbolSize": "25" }, { "name": "分支8", "symbol": "emptyCircle", "symbolSize": "25", "children": [ { "name": "A相(10)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000001", "value": 1, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000002", "value": 2, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000003", "value": 3, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000004", "value": 4, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000005", "value": 5, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000006", "value": 6, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000007", "value": 7, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000008", "value": 8, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000009", "value": 9, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000010", "value": 10, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "B相(5)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000011", "value": 11, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000012", "value": 12, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000013", "value": 13, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000014", "value": 14, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000015", "value": 15, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "C相(3)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000016", "value": 16, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000017", "value": 17, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000018", "value": 18, "symbol": "emptyCircle", "symbolSize": "25"} ] } ] }, { "name": "分支9","value": 9, "symbol": "emptyCircle", "symbolSize": "25" }, { "name": "分支10", "symbol": "emptyCircle", "symbolSize": "25", "children": [ { "name": "A相(3)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000001", "value": 1, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000002", "value": 2, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000003", "value": 3, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "B相(4)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000011", "value": 11, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000012", "value": 12, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000013", "value": 13, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000014", "value": 14, "symbol": "emptyCircle", "symbolSize": "25"} ] }, { "name": "C相(2)", "symbol": "emptyCircle", "symbolSize": "25", "children": [ {"name": "000000000016", "value": 16, "symbol": "emptyCircle", "symbolSize": "25"}, {"name": "000000000017", "value": 17, "symbol": "emptyCircle", "symbolSize": "25"} ] } ] }, { "name": "分支11","value": 11, "symbol": "emptyCircle", "symbolSize": "25" }, { "name": "分支12","value": 12, "symbol": "emptyCircle", "symbolSize": "25" } ] }; option = { title: { text: '拓扑图' }, tooltip: { trigger: 'item', triggerOn: 'mousemove', }, toolbox: { show: true, feature: { mark: { show: true }, dataView: { show: true, readOnly: false }, restore: { show: true }, saveAsImage: { show: true } } }, series: [{ type: 'tree', data: [data], initialTreeDepth: 2, edgeShape: 'polyline', symbol: "image://../icon/icon1.png", symbolSize: 20, orient: 'horizontal', roam: true, label: { normal: { position: 'left', verticalAlign: 'middle', //文字垂直对齐方式，默认自动。可选：top，middle，bottom align: 'right', //文字水平对齐方式，默认自动。可选：top，center，bottom fontSize: 9, //标签文字大小 fontWeight: "bold" } }, leaves: { label: { normal: { position: 'left', align: 'right', verticalAlign: 'middle', fontSize: 9, fontWeight: "bold" } } }, expandAndCollapse: true, //子树折叠和展开的交互，默认打开 animationDuration: 550, //初始动画的时长，支持回调函数,默认1000 animationDurationUpdate: 300 //数据更新动画的时长，默认300 }] };
