FlyFishComponents icon indicating copy to clipboard operation
FlyFishComponents copied to clipboard

G6拓扑图

Open soulferryman opened this issue 2 years ago • 3 comments

g6 可见官网(节点拓扑)

期望效果:

一款好用的拓扑图针对不同需求、不同用户使用,在定制化方面可拓展;实现上可变下可扩;

期望配置:

  1. 节点可调整统一大小;
  2. 节点可单独配置大小,覆盖统一节点大小;
  3. 节点可选择上传任意图片;
  4. 节点可选择是否旋转动画;
  5. 节点可选择旋转动画顺时针 or 逆时针;
  6. 节点点击是否线条高亮;
  7. 节点tooltip自动以弹框开启/关闭;
  8. --节点tooltip弹框自定义样式代码块;
  9. 节点可选择是否水波纹动画、自定义动画等;
  10. --节点动画自定义代码块;
  11. 节点可选择显隐;
  12. 节点是否可拖拽;
  13. 节点是都开启高亮;
  14. --点击高亮、经过高亮;
  15. --高亮自身节点、高亮自身与相领节点;
  16. 节点拖拽时是否开启对齐辅助线;
  17. 节点选择是否显示label字体;
  18. --输入字体大小px
  19. --选择字体颜色
  20. --选择字体在节点位置(top、left、right、bottom)
  21. --文本是都设置背景(代码块)
  22. 边可选择显隐;
  23. 边可选择线条颜色(颜色提取器,最好有渐变);
  24. 边可选择线条类型;
  25. 边可选择自定义图片类型图片;
  26. 边可选择自动以path路径代码块;
  27. 边可选择赛贝尔曲线一、二、三阶;
  28. --边可输入arc赛贝尔曲线弯曲角度;
  29. 边可输入折现controlPoints折点;
  30. 边loop内环配置弧度;
  31. 边可选择是否结束有箭头;
  32. --边可选择自定义结束箭头样式
  33. 边动画选择(圆点动画、虚线运动、从无到有、自定义代码块);
  34. 边是否双向连线;
  35. 边双向连线dom自定义节点流动;
  36. 边选择是否显示label字体;
  37. --输入字体大小px;
  38. --选择字体颜色
  39. --选择字体在节点位置(top、left、right、bottom、或者中间)
  40. --文本是都设置背景(代码块)
  41. 是否开启鱼眼放大镜功能;
  42. 边tooltip自动以弹框开启/关闭;
  43. --边tooltip弹框自定义样式代码块;
  44. 是否使用右下角小地图模式;
  45. 鼠标滚轮是否开启缩放功能;
  46. 文本超出设置超出宽度;
  47. 文本超出后换行or隐藏...;
  48. 两个节点存在多条边(边与边之间间隔);
  49. 节点移动动画开启、关闭;
  50. --节点移动动画开启后移动范围与速度、时间间隔;
  51. ..........(基本要求,可加入更多可用配置,越多越好)

数据格式:

{
  nodes: [
    {
      id: '0',
      x: 150,
      y: 150,
    },
    {
      id: '1',
      x: 350,
      y: 150,
    },
  ],
  edges: [
    // 内置 loop
    {
      source: '0',
      target: '0',
    },
    {
      source: '1',
      target: '1',
    },
  ]
}

soulferryman avatar Apr 07 '22 08:04 soulferryman

我要领取该任务

maxkasd avatar May 12 '22 02:05 maxkasd

我要领取任务

已将任务分配给您,期待您贡献的组件,有看到您想要认领了多个任务,方便的话可加小助手微信沟通后续奖金发放流程,微信号:xiaoyuerwise

soulferryman avatar May 12 '22 07:05 soulferryman

此任务已经重新释放,欢迎其他开发者认领

soulferryman avatar Jun 09 '22 08:06 soulferryman