部门关系echarts graph配置项内容和展示

配置项如下
      var data = {
    "antity": [{
            "name": "B省站1",
            "des": "B省站1",
            "category": 2,
        },
        {
            "name": "B省站2",
            "des": "B省站2",
            "category": 2,
        }, {
            "name": "A省站2",
            "des": "A省站2",
            "category": 2,
        }, {
            "name": "A省站1",
            "des": "A省站1",
            "category": 2,
        }, {
            "name": "部平台",
            "des": "部平台",
            "category": 2,
        }, {
            "name": "B省中心",
            "des": "B省中心",
            "category": 2,
        }
    ],
    "relation": [{
        "source": "B省站1",
        "target": "B省中心",
        "label": {
            "fontSize": 12,
        },
        "name": "站省同步",
        "des": "B省站1-->B省中心:站省同步"
    }, {
        "source": "B省站2",
        "target": "B省中心",
        "label": {
            "fontSize": 12,
        },
        "name": "站省同步",
        "des": "B省站2-->B省中心:站省同步"
    }, {
        "source": "A省站2",
        "target": "部平台",
        "label": {
            "fontSize": 12,
        },
        "name": "站部同步",
        "des": "A省站2-->部平台:站部同步"
    }, {
        "source": "A省站1",
        "target": "部平台",
        "label": {
            "fontSize": 12,
        },
        "name": "站部同步",
        "des": "A省站1-->部平台:站部同步"
    }, {
        "source": "部平台",
        "target": "B省中心",
        "label": {
            "fontSize": 12,
        },
        "name": "省部同步",
        "des": "部平台2-->B省中心:省部同步"
    }]
};


var versionArr = {
    "m9003": "0",
    "as9003": "0",
    "bs9003": "0",
    "m9002": "0",
    "cp9002": "0",
    "cs19002": "0",
    "cs29002": "0"
};



function monitorRelease() {


    $.ajax({
        type: "post",
        url: "http://localhost:8080/cn-cpc-manage-business-api/actions/allotOrder/getReleaseVer",
        data: "test=1",
        async: false,
        success: function(res) {

            var result = res.data;
            if (result.m9003 == "update") {
                data.antity[2].category = 1;
                data.antity[3].category = 1;
                data.antity[4].category = 0;
            }
            
             if (result.m9003 == "done") {
                 data.antity[4].category = 2;
                 
                if (result.as9003 == "update") {
                  data.antity[2].category = 0;
               }
               
                if (result.as9003 == "done") {
                  data.antity[2].category = 2;
               }
               
               if (result.bs9003 == "update") {
                  data.antity[3].category = 0;
               }
               
                if (result.bs9003 == "done") {
                  data.antity[3].category = 2;
               }
            }
            
            
            
             if (result.m9002 == "update") {
               
                data.antity[0].category = 1;
                data.antity[1].category = 1;
                data.antity[5].category = 1;
                data.antity[4].category = 0;
               
            }
            
            
             if (result.m9002 == "done") {
                data.antity[4].category = 2;
                
               
             if (result.cp9002 == "update") {
                data.antity[5].category = 0;
                data.antity[0].category = 1;
                data.antity[1].category = 1;
             }
             
               if (result.cp9002 == "done") {
                   
                data.antity[5].category = 2;
                
                if (result.cs19002 == "update") {
                
                     data.antity[0].category = 0;
                }
                
                if (result.cs19002 == "done") {
                
                data.antity[0].category = 2;
                }
                
                 if (result.cs29002 == "update") {
                
                     data.antity[1].category = 0;
                }
                
                if (result.cs29002 == "done") {
                
                     data.antity[1].category = 2;
                }
                   
                   
               }
            }
 
            

        }
    });
}

window.setInterval(monitorRelease, 4000);

option = {
    color: ['red', 'blue', 'green'],
    tooltip: {
        formatter(x) {
            return x.data.des;
        }
    },
    legend: {
        x: 'left',
        icon: 'circle',
        data: ['发布中', '等待发布', '发布完成']
    },
    series: [{
        type: 'graph',
        // layout: 'force',
        layout: 'circular',
        symbolSize: [150, 60],
        symbol: 'rect',
        roam: true,
        focusNodeAdjacency: true,
        categories: [{
            name: '发布中'
        }, {
            name: '等待发布'
        }, {
            name: '发布完成'
        }],
        edgeSymbol: ['', 'arrow'],
        // edgeSymbolSize: [80, 10],
        edgeLabel: {
            normal: {
                textStyle: {
                    fontSize: 50
                },
                show: true,
                formatter(x) {
                    return x.data.name;
                }
            }
        },
        force: {
            repulsion: 2000,
            edgeLength: 120
        },
        // draggable: true,
        lineStyle: {
            normal: {
                width: 1,
                color: '#333',
                textStyle: {
                    fontSize: 50
                }
            }
        },
        label: {
            normal: {
                show: true,
                width: 100,
                height: 40,
                textStyle: {
                    fontSize: 35
                },
                //color:'#25cfb6',
                formatter: function(val) {
                    return echarts.format.truncateText(val.name, 100, 'Microsoft Yahei', '…');
                }
            }
        },
        data: data.antity,
        links: data.relation
    }]
}
    
截图如下