树图echarts tree配置项内容和展示

想点击某一个节点时，该节点的路径都变另外一种颜色或者高亮显示，这样子明显一点，能够看到路径层级。

      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

    }]
};