如何创建一个圆环图，节点分布等距分布在圆周上 #4842

问题描述

如下图，想实现一个标准的有向圆环图， 各节点均匀分布在圆周上。

尝试了布局采用circular 布局， 另外边采用了 arc 边， 但是实现的效果不是很令人满意。

遇到的问题有：

1. 动态节点数量，如何实现节点均匀分布在圆周上？
2. arc边的箭头方向如何确定？ 箭头好像是歪的，
3. 节点的 anchorPoint如何确定？ 因为每条边的 sourceAnchor和targetAnchor不确定
4. 如何保证circular布局 和 arc边的弧度保持一致，设置布局的radius 和 arc边的curveOffset 数值一样就可以嘛？

重现链接

https://stackblitz.com/edit/react-7havyv?file=index.js

重现步骤

打开链接即可看到

预期行为

实现一个标准的圆环图

平台

• 操作系统: [macOS, Windows, Linux, React Native ...]
• 网页浏览器: [Google Chrome, Safari, Firefox]
• G6 版本: [4.5.1 ... ]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response