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
}]
};