Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

G6拓扑图 #13

Closed
soulferryman opened this issue Apr 7, 2022 · 3 comments
Closed

G6拓扑图 #13

soulferryman opened this issue Apr 7, 2022 · 3 comments
Assignees
Labels

Comments

@soulferryman
Copy link
Collaborator

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',
    },
  ]
}
@maxkasd
Copy link

maxkasd commented May 12, 2022

我要领取该任务

@soulferryman
Copy link
Collaborator Author

我要领取任务

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

@soulferryman
Copy link
Collaborator Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants