图可视化全景图

image.png

引擎层规划

G6 规划

FY21 G6 做三件事：

  • 关键技术服务重点业务；
  • 重点业务产出提效方案；
  • 基础功能上的持续迭代。

重点业务

G6 在支持业务方式上，会有几种不同的方式：

  • 技术支持，不直接参与具体业务；
  • 使用组件及方案来支持，如流程图、Graphin、StarGraph 等，不直接参与具体业务，参与具体组件和方案的开发；
  • 深入具体业务。

提效方案

  • 关系分析：Graphin；
  • 流量分析：StarGraph；
  • 血缘图；
  • 功能树；
  • 时序分析；
  • 地理关系可视化；

Graphin

已开源。

StarGraph

案例/组件

图可视化 FY21 规划 - 图2

编辑

图可视化 FY21 规划 - 图3

基础组件

基础组件是指与特定框架绑定的组件，我们默认提供的是 React 的组件，用户在使用 G6 开发过程中，就可以很方便地引入需要的组件，不需要再去重复开发。

Graphin 及 StarGraph 在开发过程中，都会涉及到组件的开发，如 Toolbar、ContextMenu、Legend 等，我们整合和抽取 Graphin 及 StarGraph 中的组件，形式一套具有 AntV 图可视化设计体系特色的的组件。

组件名称 优先级 设计 开发 进度
ToolBar p0
ContextMenu p0
Legend p1
TimeBar p1
MiniMap p0
Grid p0
属性过滤面板 p1
样式设置面板 p1
统计信息面板 p2

基础迭代

image.png

里程碑
截至时间 内容 说明 业务
2020-05-19 G6 3.5
_		 节点分组
图算法：最短路径、中心度 图分析
6月～8月

开始 4.0
细节功能若非业务紧急需求，全部到 4.0 一起发。		 G6 3.x
_		 持续完善图算法
细节功能完善与打磨 两点之间存在多边
内置箭头的样式
折线、贝塞尔曲线等和节点的连接位置：能够自动识别出最佳连接点
【可配置】缩小到一定程度只显示 keyShape
【可配置】拖动时固定指定节点
【可配置】缩放时指定节点不跟随缩放
【可配置】缩放时候字体保持不变
裁剪，简化，过滤：指标。数据上从万级->百万
2020-11-22 G6 4.0
_		 节点分组改名为 Combo
性能提升：
- 裁剪；
- 简化节点；
- 过滤；
- 合并。

目标：支持十万级数据的过滤提取，5w 节点的展示和交互。 | | | | | | 交互语法实践
- G6 中的交互
- Action 集合
- 扩展多通用交互
| | | | | | 体系的、丰富的图算法：细化 | | 图分析 | | | | 时序图（组件） | | | | | | (Demo) 结合 L7：具体，整套方案，推荐，覆盖的场景 | | |