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

配置项如下
      option = {
        backgroundColor: '#1a4377',
        tooltip: {},
        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        // color:['#83e0ff','#45f5ce','#b158ff'],
        series: [
            {
            "symbol": "path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z",
            symbolOffset: [80, 40],
                type: 'graph',
                layout: 'force',
                force:{
                    repulsion:1000,
                    edgeLength:50
                },
                roam: true,
                label: {
                    normal: {
                        show: true
                    }
                },
                data: [
                    {
                        name: '跨站攻击',
                        symbolSize:[ 131,30],
                        itemStyle: {
                            normal: {
                                borderColor: '#007eff',
                                borderWidth: 1,
                                color: 'rgba(225,225,225,0)'
                            }
                        }
                        ,label: {
	                    normal: {
	                        formatter: function(params){
	                            console.log(params)
	                        },
	                           
	                        rich: {
	                            a: {
	                                color: "#fef1e8",
	                                fontSize: 12,
	                                lineHeight: 30,
	                                align: 'center'
	                            },
	                            b: {
	                                color: "#fdf9f1",
	                                fontSize: 23,
	                                //   lineHeight: 40,
	                                align: 'center'
	                                //   fontWeight:'bold',
	                            }
	                        }
	
	                    }
                        }},
                    {
                        name: 'DDOS攻击',
                        symbolSize: 100,
                        itemStyle: {
                            normal: {
                                borderColor: '#04f2a7',
                                borderWidth: 4,
                                shadowBlur: 10,
                                shadowColor: '#04f2a7',
                                color: '#001c43',
                            }
                        },
                        category: 1,

                    },
                    {
                        name: '用户分析',
                        symbolSize: 80,
                        category: 1,
                        itemStyle: {
                            normal: {
                                borderColor: '#04f2a7',
                                borderWidth: 4,
                                shadowBlur: 10,
                                shadowColor: '#04f2a7',
                                color: '#001c43',
                            }
                        },

                    },
                    {
                        name: '话题分析',
                        symbolSize: 80,
                        category: 1,
                        itemStyle: {
                            normal: {
                                borderColor: '#82dffe',
                                borderWidth: 4,
                                shadowBlur: 10,
                                shadowColor: '#04f2a7',
                                color: '#001c43',
                            }
                        },

                    },
                    {
                        name: '评论分析',
                        symbolSize: 80,
                        category: 1,
                        itemStyle: {
                            normal: {
                                borderColor: '#82dffe',
                                borderWidth: 4,
                                shadowBlur: 10,
                                shadowColor: '#04f2a7',
                                color: '#001c43',
                            }
                        },

                    },
                    {
                        name: '图书馆分析',
                        symbolSize:100,
                        category: 2,
                        itemStyle: {
                            normal: {
                                borderColor: '#82dffe',
                                borderWidth: 4,
                                shadowBlur: 10,
                                shadowColor: '#04f2a7',
                                color: '#001c43',
                            }
                        },

                    },
                    {
                        name: '借阅分析',
                        symbolSize:80,
                        category: 2,
                        itemStyle: {
                            normal: {
                                borderColor: '#b457ff',
                                borderWidth: 4,
                                shadowBlur: 10,
                                shadowColor: '#b457ff',
                                color: '#001c43'
                            }
                        },


                    }],
                lineStyle: {
                    normal: {
                        opacity: 0.9,
                        width: 5,
                        curveness: 0
                    }
                },
                categories:[
                    {name: '0'},
                    {name: '1'},
                    {name: '2'}
                ]
            }
        ]
    }
    
截图如下