话不多说,本次公布次要看图。「官网传送门」
⭐️ 新个性
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/