工作方法
AntV G6 Graph 专注于可视化关联数据,包括网络、树、层级结构、思维导图及其他节点与边结构。收录的技能面向 G6 v5,通过声明式配置来组织图的数据、布局、外观、行为和插件。其核心问题是应如何展示和探索关系结构。
该条目将具体的 v5 迁移注意事项与面向专业主题的远程参考资料检索服务结合起来。它区分了 G6、用于统计图表的 G2 和图编辑器 X6。节点与边构成的图形可能看起来像编辑器画布,但展示现有网络不同于让用户构建并持久化工作流。
预期交付物
- 为所提供的关系数据集配置的 G6 图视图 JavaScript
- 针对节点、边和分组的布局与视觉编码选择
- 缩放、拖动或选择等明确的探索行为
从简述到审查
- 01验证关系数据
为每个节点指定唯一 ID,并确保边的端点引用预期节点。将标签和视觉属性与关系本身分开。
- 02选择视图
根据结构选择力导向、树状、层级、径向或其他合适的布局。当配置细节超出入口文件的内容范围时,检索相关的 G6 参考资料。
- 03配置 G6 v5
采用针对目标版本记录的数据、样式、行为和渲染约定,不要混入凭记忆使用的 v4 配置。
- 04检查图
在实际浏览器运行环境中检查渲染后的标签、端点关系、布局可读性和预期交互。审查密集或不连通的部分,而不只是整齐的样例。