首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
G6
码上有料
创建于2024-01-22
订阅专栏
G6 是一个简单、易用、完备的图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。
等 14 人订阅
共9篇文章
创建于2024-01-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
G6(九)进阶:自定义边
G6 提供了自定义边的机制,方便更加定制化的边,包括含有复杂图形的边、复杂交互的边、带有动画的边等。
G6(八)进阶:设置节点的连接点 anchorPoint
节点的连接点 anchorPoint 指的是边连入节点的相对位置,即节点与其相关边的交点位置。anchorPoints 是一个二维数组,每一项表示一个连接点的位置。
G6(七)进阶:自定义节点
G6 提供了一系列内置节点,包括 circle、rect、diamond、triangle、star、image、modelRect。
G6(六)为图应用插件及工具
为辅助用户在图上探索,G6 提供了一些辅助工具,其中一部分是插件工具,另一部分是交互工具。 本文将为 图 添加缩略图插件、网格插件、节点提示框、边提示框。
G6(五)图形交互 Behavior
G6 封装了一系列交互方法,方便直接使用。本文将为 G6图形 增加简单的交互:hover 节点、点击节点、点击边、放缩画布、拖拽画布。
G6(四)图的布局
当数据中没有节点位置信息,或者数据中的位置信息不满足需求时,需要借助一些布局算法对图进行布局。G6 提供了 9 种一般图的布局和 4 种树图的布局。
G6(三)G6元素及配置
图的元素特指图上的节点 Node 和边 Edge 。G6 内置了一系列 内置的节点 和 内置的边,供用户自由选择。
G6(二)G6图适配画布大小
G6渲染的图形数据,有些元素显示在画布区域之外。即实际的图被画布截断了,窗口可视区域只能看见部分内容。
G6(一)认识G6
G6 是一个简单、易用、完备的图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。