关于echarts的问题,如何让关系图绕着一个点成圆弧形散开?

关于echarts的问题,如何让关系图绕着一个点成圆弧形散开?

现在的配置渲染效果入下
image.png
想大致做成这个效果
image.png

配置代码入下


datas = [
            {
                nodes:[
                    {id:0},
                    {id:1},
                    {id:2},
                    {id:3},
                    {id:4},
                    {id:5},
                    {id:6},
                    {id:7},
                    {id:8},
                    {id:9},
                    {id:10},
                    {id:11},
                    ],
                edges:[
                    [0,1],
                    [1,2],
                    [2,3],
                    [3,4],
                    [4,5],
                    [5,6],
                    [6,7],
                    [7,8],
                    [8,9],
                    [9,10],
                    [10,11]
                    ]
            }
            ]
        var option = {
            series: datas.map(function (item, idx) {
                return {
                    type: 'graph',
                    layout: 'force',
                    animation: false,
                    data: item.nodes,
                    
                    width: '25%',
                    height: '25%',
                    force: {
                        initLayout: 'circular',
                        gravity: 0,
                        repulsion: 10,
                        edgeLength: 2
                    },
                    edges: item.edges.map(function (e) {
                        return {
                            source: e[0],
                            target: e[1]
                        };
                    })
                };
            })
        };
阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题