使用 Iconfont 简介 效果 下载字体图标 引入G6 添加字体图标 使用字体 注意事项 使用 Iconfont 简介 为什么使用 iconfont？ 兼容性好、种类多、多色等。在此不做过多介绍，请直接移步阿里巴巴-iconfont平台 。 效果 下载字体图标 直接去到阿里巴巴字体图标库 搜索下载即可，简要操作流程...

ellipse 使用方法 1 实例化图时全局配置 2 在数据中动态配置 配置项说明 样式属性 style 标签文本配置 labelCfg 边的连入点 linkPoints 图标 icon ellipse G6 内置了 ellipse 节点，其默认样式如下。标签文本位于椭圆中央。 使用方法 如 内置节点 一节所示，配置节点的方...

如何更新文本样式 实例化Graph 数据中指定labelCfg 使用update/updateItem 如何更新文本样式 在 G6 中，可以通过以下三种方式更新文本样式。 实例化Graph 实例化Graph时，可以通过在defaultNode或defaultEdge中指定labelCfg 属性修改文本的样式。 const graph ...

Layout 初始化 init(data) getDefaultCfg() 布局 execute() layout(data) 更新 updateCfg(cfg) 销毁 destroy() Layout 在 G6 中使用布局，在实例化图时配置 layout 属性。例如： const graph = new G6 . ...

Events 事件响应 事件的定义 支持的事件 事件的用法 Events 事件响应 事件的定义 我们在图上的交互行为，其实都会触发事件，比如窗口缩放时，Graphin 会自动更新画布的宽高。又比如画布缩放时，默认只保留 KeyShape。 我们可以通过 G6 的 API 来对事件进行监听。 支持的事件 graph 监听的名称是由 元...

G6 中的关键概念 节点与边 图 Graph 交互与事件 使用布局 Layout 节点分组 Group React 中使用 G6

modelRect 使用方法 1 实例化图时全局配置 2 在数据中动态配置 配置项说明 样式属性 style 标签文本配置 labelCfg 边的连入点 linkPoints 左侧矩形 preRect 图标 logoIcon / stateIcon modelRect G6 内置了方形卡片 modelRect 节点，其默认样式如下。...

监听和绑定事件 监听和绑定事件 除了 内置交互行为 Behavior 和 交互模式 Mode 搭配的事件管理方式外，G6 提供了直接的单个事件、时机的监听方法，可以监听画布、节点、边、以及各函数被调用的时机等。这些事件可以分为以下四个层次： 画布、图形层次的事件，mousedown ， mouseup ，click ，mouseenter ，...

元素及其配置 基本概念 图的元素 元素的属性 数据结构 配置属性 1. 实例化图时全局配置 2. 在数据中配置 完整代码 元素及其配置 图的元素特指图上的节点 Node 和边 Edge 。在上一章节中，我们已经将Tutorial案例 的图绘制了出来，但是各个元素及其 label 在视觉上很简陋。本文通过将上一章节中简陋的元素美化成如...

其他 addPlugin(plugin) removePlugin(plugin) get(key) set(key, val) downloadImage(name) toDataURL() 其他 addPlugin(plugin) 添加指定的插件。 参数 名称 类型 是否必选 描述 plugin Object true 插件...