echart实现关系图

由两个tree组成，根据不同的告警级别显示不同的颜色

    var  data2=[];
                var data1=[];
                data1.push({name:"标题:"+this.tableData[0].title+"专业:"+this.tableData[0].professionName,children:[],value:this.tableData[0].level,label:{position:'insideTop'}});
                data2.push({name:"标题:"+this.tableData[0].title+"专业:"+this.tableData[0].professionName,children:[],value:this.tableData[0].level,label:{show:false}});
                let iconPostion="left";
                for(let i=1;i<this.tableData.length;i++){
                    /*if(this.tableData[i].level != 1){*/
                        if(iconPostion == "left"){
                            data1[0].children.push({
                                name:"标题:"+this.tableData[i].title+"专业:"+this.tableData[i].professionName,
                                value:this.tableData[i].level
                            });
                            iconPostion="right";
                        }else {
                            data2[0].children.push({
                                name: "标题:"+this.tableData[i].title+"专业:"+this.tableData[i].professionName,
                                value:this.tableData[i].level
                            });
                            iconPostion="left";
                        }
                    /*}*/
                }
                console.log(data2);
                this.chart = echarts.init(document.getElementById("chartCon"));
                this.chart.setOption({
                    backgroundColor: 'rgba(221,221,221,0.16)',
                    tooltip: {
                        trigger: 'item',
                        formatter: '{b}'
                    },
                    legend: {
                        show:false,
                        top: '2%',
                        left: '3%',
                        orient: 'vertical',
                        data: [{
                            name: 'tree1',
                            icon: 'rectangle'
                        },
                            {
                                name: 'tree2',
                                icon: 'rectangle'
                            }],

                    },
                    series: [{
                        type: 'tree',
                        name: 'tree1',
                        data: data1,
                        left:'310',
                        right: '50%',
                        symbol: 'image://static/images/opacity-img.png',
                        initialTreeDepth: 10,
                        orient: 'RL',
                        label: {
                            normal: {
                                position: 'left',
                                verticalAlign: 'middle',
                                backgroundColor: '#fff',
                                distance:0,