生态

描述:当前是关于Echarts图表中的 关系图 示例。
 
            var appIco = "image://http://localhost:10001/view/index/image/same.png";
var dataIco = "image://http://localhost:10001/view/index/image/dif.png";
var serverIco = "image://http://localhost:10001/view/index/image/center-1.png"
option = {
    backgroundColor: '#fff',
    // layout:'force',
    tooltip: {},
    animationDurationUpdate: 100,
    animationEasingUpdate: 'none',
    // initLayout :'force',

    color: ['#000', '#fff', 'pink'],
    series: [{
        type: 'graph',
        layout: 'force',
        force: {
            repulsion: 2000, //张力
            edgeLength: 5
        },
        roam: false,


        data: [{

                name: '场站系统查询应用',

                symbol: appIco,
                symbolSize: 50,
                // draggable: true,
                // category: 0,
                // x:'500',
                // y:'50',
                // fixed:true,
                itemStyle: {
                    normal: {
                        borderColor: '#04f2a7',
                        borderWidth: 2,
                        //shadowBlur: 20,
                        //shadowColor: '#000',
                        color: '#001c43',
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: "bottom",
                        color: "#000",
                    }
                },
            },
            {
                name: '意见反馈服务',
                // x:'500',
                // y:'550',
                // fixed:true,
                symbol: serverIco,
                symbolSize: 40,
                itemStyle: {
                    normal: {
                        borderColor: '#04f2a7',
                        borderWidth: 2,
                        shadowBlur: 10,
                        shadowColor: '#04f2a7',
                        color: '#001c43',
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: "bottom",
                        color: "#000",
                    }
                },

            },
            {
                name: '模型体检服务',
                symbol: serverIco,
                symbolSize: 20,
                category: 1,
                itemStyle: {
                    normal: {
                        borderColor: '#04f2a7',
                        borderWidth: 4,
                        shadowBlur: 10,
                        shadowColor: '#04f2a7',
                        color: '#001c43',
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: "bottom",
                        color: "#000",
                    }
                },

            },
            {
                name: '数据资产目录应用',
                symbol: appIco,
                symbolSize: 30,
                category: 1,
                itemStyle: {
                    normal: {
                        borderColor: '#82dffe',
                        borderWidth: 4,
                        shadowBlur: 10,
                        shadowColor: '#04f2a7',
                        color: '#001c43',
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: "bottom",
                        color: "#000",
                    }
                },

            },
            {
                name: '地理信息导航应用',
                symbol: appIco,
                symbolSize: 20,
                category: 1,
                itemStyle: {
                    normal: {
                        borderColor: '#82dffe',
                        borderWidth: 4,
                        shadowBlur: 10,
                        shadowColor: '#04f2a7',
                        color: '#000',
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: "bottom",
                        color: "#000",
                    }
                },

            },
            {
                name: '一次性设备查询应用',
                symbol: appIco,
                symbolSize: 20,
                category: 2,
                itemStyle: {
                    normal: {
                        borderColor: '#82dffe',
                        borderWidth: 4,
                        shadowBlur: 10,
                        shadowColor: '#04f2a7',
                        color: '#001c43',
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: "bottom",
                        color: "#000",
                    }
                },

            }


        ],
        links: [{
                source: '场站系统查询应用',
                target: '意见反馈服务',
                // lineStyle: {
                //     curveness: 0.05
                // }

            },
            {
                source: '场站系统查询应用',
                target: '模型体检服务',
                lineStyle: {
                    curveness: 0.05
                }

            },
            {
                source: '地理信息导航应用',
                target: '意见反馈服务'

            },
            {
                source: '模型体检服务',
                target: '图书馆分析',
            },
            {
                source: '一次性设备查询应用',
                target: '模型体检服务',
            },
            {
                source: '一次性设备查询应用',
                target: '意见反馈服务',
            },
            {
                source: '意见反馈服务',
                target: '数据资产目录应用',
            }

        ],
        lineStyle: {
            normal: {
                opacity: 0.9,
                width: 2,
                curveness: 0
            }
        },
        // categories:[
        //     {name: '0'},
        //     {name: '1'},
        //     {name: '2'}
        // ]
    }]
}