FlyFishComponents
FlyFishComponents copied to clipboard
G6拓扑图
可见官网(节点拓扑)
期望效果:
一款好用的拓扑图针对不同需求、不同用户使用,在定制化方面可拓展;实现上可变下可扩;
期望配置:
- 节点可调整统一大小;
- 节点可单独配置大小,覆盖统一节点大小;
- 节点可选择上传任意图片;
- 节点可选择是否旋转动画;
- 节点可选择旋转动画顺时针 or 逆时针;
- 节点点击是否线条高亮;
- 节点tooltip自动以弹框开启/关闭;
- --节点tooltip弹框自定义样式代码块;
- 节点可选择是否水波纹动画、自定义动画等;
- --节点动画自定义代码块;
- 节点可选择显隐;
- 节点是否可拖拽;
- 节点是都开启高亮;
- --点击高亮、经过高亮;
- --高亮自身节点、高亮自身与相领节点;
- 节点拖拽时是否开启对齐辅助线;
- 节点选择是否显示label字体;
- --输入字体大小px
- --选择字体颜色
- --选择字体在节点位置(top、left、right、bottom)
- --文本是都设置背景(代码块)
- 边可选择显隐;
- 边可选择线条颜色(颜色提取器,最好有渐变);
- 边可选择线条类型;
- 边可选择自定义图片类型图片;
- 边可选择自动以path路径代码块;
- 边可选择赛贝尔曲线一、二、三阶;
- --边可输入arc赛贝尔曲线弯曲角度;
- 边可输入折现controlPoints折点;
- 边loop内环配置弧度;
- 边可选择是否结束有箭头;
- --边可选择自定义结束箭头样式
- 边动画选择(圆点动画、虚线运动、从无到有、自定义代码块);
- 边是否双向连线;
- 边双向连线dom自定义节点流动;
- 边选择是否显示label字体;
- --输入字体大小px;
- --选择字体颜色
- --选择字体在节点位置(top、left、right、bottom、或者中间)
- --文本是都设置背景(代码块)
- 是否开启鱼眼放大镜功能;
- 边tooltip自动以弹框开启/关闭;
- --边tooltip弹框自定义样式代码块;
- 是否使用右下角小地图模式;
- 鼠标滚轮是否开启缩放功能;
- 文本超出设置超出宽度;
- 文本超出后换行or隐藏...;
- 两个节点存在多条边(边与边之间间隔);
- 节点移动动画开启、关闭;
- --节点移动动画开启后移动范围与速度、时间间隔;
- ..........(基本要求,可加入更多可用配置,越多越好)
数据格式:
{
nodes: [
{
id: '0',
x: 150,
y: 150,
},
{
id: '1',
x: 350,
y: 150,
},
],
edges: [
// 内置 loop
{
source: '0',
target: '0',
},
{
source: '1',
target: '1',
},
]
}
我要领取该任务
我要领取任务
已将任务分配给您,期待您贡献的组件,有看到您想要认领了多个任务,方便的话可加小助手微信沟通后续奖金发放流程,微信号:xiaoyuerwise
此任务已经重新释放,欢迎其他开发者认领