关于前端:G6-430-静水深流

39次阅读

共计 1530 个字符,预计需要花费 4 分钟才能阅读完成。

话不多说,本次公布次要看图。「官网传送门」​

⭐️ 新个性

FA2 布局 —— 又回来了!

「DEMO」,「DOCS」

G6 2.0 已经领有过的 Force Atlas 2 又回来了!相较于经典力导向布局,Force Atlas 2 构造更清晰,分支更延长。

图例插件 —— 元素类型更明确!

「DEMO」,「DOCS」

标识和阐明图上不同类型的节点 / 边。并可通过与图例的交互,对主图元素进行高亮和过滤。

对齐线 —— 节点就是要整整齐齐!

「DEMO」,「DOCS」

当咱们想让一批节点在一条直线上对齐时,人肉像素级拖动对齐是件十分艰难的事件。G6 4.3.0 版本中,咱们减少了对齐线组件,能够辅助咱们让节点疾速对齐。

流水线子图布局 —— 子图布局更高效!

「DEMO」,「DOCS」,特地鸣谢社区贡献者 GitHub @ColinChen2

可在图上为不同局部疾速配置不同布局。

甜甜圈节点 —— 让节点详情更直观!

「DEMO」,「DOCS」

节点详情中的统计信息高深莫测!

触控滚动画布 —— 交互更顺畅!

「DOCS」

应用触摸板,也能滚动画布,让交互体验更加顺畅!

🛠 体验优化

下载图片带水印 —— 版权保护!

特地鸣谢社区贡献者 GitHub @xiaohu12685

不仅能够在绘制时自定义水印,下载为图片时也能带水印咯!爱护您的创作版权。

提示框优化 —— 优雅交互!

「绝对于元素固定地位」「点击呈现提示框」

旧版的提示框追随鼠标在节点外部挪动(左),新版本反对配置绝对于节点 / 边地位固定(右):​

旧版的提示框只能响应鼠标的移入与移出元素(左),新版本反对配置响应动作为点击元素(右):

节点反对 iconfont 图标 —— 老本升高!

旧版中一些内置节点只能反对 base64 或图片链接作为节点的 icon。当初,它们反对 iconfont 了!不必申请网络图片资源超不便。

更多便捷 API —— 代码更少!

  • getViewPortCenterPoint 用于取得视口中点的画布坐标值;
  • getGraphCenterPoint 用于取得图内容中点的画布坐标值。

📱挪动版 G6Mobile

反对小程序和 h5 的挪动端图可视化引擎 ​

个性

反对支付宝小程序和微信小程序

「支付宝 demo 传送门」「微信 demo 传送门」

通过 [支付宝小程序组件](https://github.com/openwayne/g6-component-alipay) 或者 [微信小程序组件](https://github.com/openwayne/g6-component-wx),在小程序里,仅需简略改变,即可在应用。小程序内优先应用 Native Canvas 渲染,相比小程序内嵌 Web Canvas,在性能上会有肯定晋升。​

  • 支付宝小程序演示

  • 微信微信小程序演示

🎁 Demo 大奉送

节点内容有限滚动

「传送门」

通过 G6 自定义节点,能够实现很多简单的节点,比方有限滚动、加载更多的列表等节点,还可针对节点中每个子项独自设置锚点,这类节点罕用于 ER 图建模中。

桑基图

「传送门」

桑基图 Demo 又回来了!剖析流量一把手。

可编辑思维导图

「传送门」

思维导图帮你疾速记录每一个灵感的火花!

合并同类兄弟节点

「传送门」

树图太长?合并同类项!

从锚点创立边

「传送门」

算法 Demo 来袭

  • 模式匹配

  • 主动聚类

  • 色板计算

  • AI 布局举荐

致谢

感激始终反对、应用并关注 G6 的搭档们,特别感谢参加 G6 共建的社区同学。目前 G6 仍有许多有余,然而咱们置信通过继续的迭代,以及越来越多酷爱图可视剖析方向同学的共同努力,咱们会变得越来越好。欢送关注和 star 咱们的 Github:

  • G6:https://github.com/antvis/G6
  • Graphin:https://github.com/antvis/Graphin
  • G6 官网:https://g6.antv.vision/zh/

正文完
 0