Toggle navigation
访问结构树形图
By
安***贡
2019-02-21 07:39:46
脚本
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 uploadedDataURL = "/asset/get/s/data-1550222022674-I0tCID0J3.png"; var uploadedDataURL = "/asset/get/s/data-1550222016923-ehJfzGh9L.png"; var uploadedDataURL = "/asset/get/s/data-1550222005874-ahfQwI-rV.png"; option = { backgroundColor: 'rgb(43, 51, 59)', tooltip: { trigger: 'item', formatter: "{b}: {c}" }, legend: { "data": [], "textStyle": { "fontSize": 12, "color": "rgb(0,255,252)" } }, series: [{ type: 'tree', left: '8%', right: '10%', top: '8%', bottom: '25%', "name": "user^USER", "data": [{ "pId": "user^USER", "name": "user^USER", "parentpId": null, "children": [{ "pId": "tomcat^TOMCAT", "name": "tomcat^TOMCAT", "parentpId": "user^USER", "children": [ { "pId": "tomcat1^TOMCAT", "name": "tomcat1^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db1^MYSQL", "name": "db1^MYSQL", "parentpId": "tomcat1^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat2^TOMCAT", "name": "tomcat2^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db2^MYSQL", "name": "db2^MYSQL", "parentpId": "tomcat2^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat3^TOMCAT", "name": "tomcat3^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db3^MYSQL", "name": "db3^MYSQL", "parentpId": "tomcat3^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat4^TOMCAT", "name": "tomcat4^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db4^MYSQL", "name": "db4^MYSQL", "parentpId": "tomcat4^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat5^TOMCAT", "name": "tomcat5^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db5^MYSQL", "name": "db5^MYSQL", "parentpId": "tomcat5^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat6^TOMCAT", "name": "tomcat6^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db6^MYSQL", "name": "db6^MYSQL", "parentpId": "tomcat6^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat7^TOMCAT", "name": "tomcat7^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db7^MYSQL", "name": "db7^MYSQL", "parentpId": "tomcat7^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat8^TOMCAT", "name": "tomcat8^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db8^MYSQL", "name": "db8^MYSQL", "parentpId": "tomcat8^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat9^TOMCAT", "name": "tomcat9^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db9^MYSQL", "name": "db9^MYSQL", "parentpId": "tomcat9^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat10^TOMCAT", "name": "tomcat10^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db10^MYSQL", "name": "db10^MYSQL", "parentpId": "tomcat10^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat11^TOMCAT", "name": "tomcat11^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db11^MYSQL", "name": "db11^MYSQL", "parentpId": "tomcat11^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat12^TOMCAT", "name": "tomcat12^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db12^MYSQL", "name": "db12^MYSQL", "parentpId": "tomcat12^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat13^TOMCAT", "name": "tomcat13^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db13^MYSQL", "name": "db13^MYSQL", "parentpId": "tomcat13^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat14^TOMCAT", "name": "tomcat14^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db14^MYSQL", "name": "db14^MYSQL", "parentpId": "tomcat14^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat15^TOMCAT", "name": "tomcat15^TOMCAT", "parentpId": "tomcat^TOMCAT", "children": [{ "pId": "db15^MYSQL", "name": "db15^MYSQL", "parentpId": "tomcat15^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }, { "pId": "db16^MYSQL", "name": "db16^MYSQL", "parentpId": "tomcat15^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 18, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" } ], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" } ], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }, { "pId": "tomcat16^TOMCAT", "name": "tomcat16^TOMCAT", "parentpId": "user^USER", "children": [{ "pId": "tomcat17^TOMCAT", "name": "tomcat17^TOMCAT", "parentpId": "tomcat16^TOMCAT", "children": [{ "pId": "db18^MYSQL", "name": "db18^MYSQL", "parentpId": "tomcat17^TOMCAT", "children": [], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222005874-ahfQwI-rV.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" }], "symbolSize": [ 20, 20 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222022674-I0tCID0J3.png" } ], "symbolSize": [ 30, 30 ], "value": 6, "symbol": "image:///asset/get/s/data-1550222016923-ehJfzGh9L.png" }], "initialTreeDepth": -1, "itemStyle": { "normal": { "color": "rgb(0,255,252)", "borderWidth": 0 } }, "lineStyle": { "normal": { "color": "#F4A460", "curveness": 0.5 } }, "label": { "normal": { "position": "right", "verticalAlign": "middle", "fontSize": 8, "color": "rgb(0,255,252)" } } }] };
