G6拓扑图 #13

可见官网（节点拓扑）

期望效果：

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

期望配置：

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',
    },
  ]
}