ECharts 关系图示例
    


    

    
        var chartDom = document.getElementById('relation-chart');
        var myChart = echarts.init(chartDom);

        var option = {
            title: {
                text: '关系图示例',
                left: 'center'
            },
            tooltip: {},
            animationDurationUpdate: 1500,
            animationEasingUpdate: 'quinticInOut',
            series: [
                {
                    type: 'graph',
                    layout: 'force',
                    roam: true,
                    draggable: true,
                    force: {
                        repulsion: 100
                    },
                    data: [
                        { name: '节点1' },
                        { name: '节点2' },
                        { name: '节点3' }
                        // 添加更多节点
                    ],
                    links: [
                        { source: '节点1', target: '节点2' },
                        { source: '节点1', target: '节点3' }
                        // 添加更多边
                    ],
                    label: {
                        show: true,
                        position: 'top'
                    },
                    edgeSymbol: ['circle', 'arrow'],
                    edgeSymbolSize: [4, 10],
                    emphasis: {
                        focus: 'adjacency',
                        lineStyle: {
                            width: 10
                        }
                    }
                }
            ]
        };

        myChart.setOption(option);