G6官方版

G6简介

G6提供可视化绘图功能，可以在软件中设计各种图形和图表，结合交互动画功能可以添加到应用程序中。在开发图形统计软件和数据分析软件时，可以加载该软件，帮助用户快速设计图形、设计布局方案、设计交互事件、设计动画，还有很多软件编辑功能，支持内置节点编辑。支持自定义节点，调整节点连接点，支持内置边，自定义边，Combo机制，内置Combo，自定义Combo，高级样式:纹理，背景，渐变，样式更新，分级管理等。，满足大多数用户设计图表和图形的需求！

G6软件功能

G6作为专业的图形可视化引擎，具有以下特点:

优秀能力:支持大比例尺地图数据的交互和探索；

丰富的元素:内置丰富的节点和边缘元素，可以自由配置，也可以自定义；

可控交互:内置10+交互行为，支持自定义交互；

强大布局:内置10+普通图形布局，支持自定义布局；

便捷组件:优化内置组件的功能和作用；

友好体验:根据用户需求分层整理文档，支持TypeScpt类型推断。

除了默认的易于使用和自由配置的内置功能之外，元素、交互和布局都具有高度可扩展的定制机制。

G6软件特色

1.G6提供绘图功能，可以通过该软件快速创建图形。

2.您可以在软件中编辑图表，并在软件中加载数据。

3.支持图形布局设置，使用内置的图形布局方案生成图形。

4.您可以在软件中编辑节点数据并添加交互行为。

5.支持设置节点或边缘的背景，更新文字样式，设置渐变和纹理。

6.支持更新节点或边的样式、节点和边的级别、显示和隐藏、两个节点之间的多条边以及锁定/解锁节点。

7.支持总图布局、树形图布局和布局的切换机制。

8.您可以选择子图布局，使用网络工作者布局和自定义布局布局。

9.G6提供了智能布局的能力。引擎会根据查询到的数据推荐最合适的布局，用户可以直接使用推荐的布局。

G6教程

以及监听和绑定事件。

除了内置的交互行为和交互模式的事件管理模式，G6提供了对单个事件和时序的直接监控方法，可以监控画布、节点、边缘以及每个被调用函数的时序。这些事件可分为以下四个级别:

画布、图形级事件、鼠标向下、鼠标向上、点击、鼠标进入、鼠标离开等。

节点/边上的事件，如节点:鼠标向下，边:点击等。，类型为:ntName作为事件名称；

事件:

添加、删除和修改节点/边时的事件，如beforeadd、afteradd等。

节点/边缘状态改变时的事件:刷新前和刷新后；

时序:布局前和布局后。

G6上的所有事件都需要在图表上进行监控。

嵌入式行为

什么是行为？

行为是G6提供的定义图中交互事件的机制。它与交互模式结合使用。请参见交互模式，了解如何在图表上配置下面描述的各种行为。

嵌入式行为

理论上，G6上的所有基础图形和项目(节点/边)都可以通过事件来完成。考虑到通用汽车，G6目前提供以下14种内置行为。此外，用户可以注册自定义行为。

拖动组合

支持V3.5及以上版本。

含义:拖动Combo

配置项目:

类型:& # 8216；拖动组合& # 8217；；

EnableDelegate:拖动Combo时是否开启图形代理委托，即拖动Combo时，Combo不会实时跟随变化，拖动过程中会临时生成一个委托图形，拖动完成后才会更新Combo的位置，默认为false，不会开启；

DelegateStyle:委托的委托样式；

OnlyChangeComboSize:拖动嵌套的组合框时，只改变父组合框的大小，不改变层次关系。默认值为假；

ActiveState:拖动一个Combo时，实例化Graph时需要在comboStateStyles中配置父Combo或输入的Combo的状态值，默认为空；

SelectedState:选择Combo的状态，默认为选中状态，需要在comboStateStyles中配置；

ShouldUpdate(e):是否允许拖动当前制作的组合框，见下面的例子。

使用默认配置

用户可以根据实际需要配置活动状态或选定状态的样式:

折叠-展开-组合

支持V3.5及以上版本。

含义:收起并展开组合框。如果图表配置了布局，触发的行为将触发图表的重新布局。如果想避免重新布局，可以通过监听组合点击事件和graph.collapseExpandCombo API来控制收缩和扩展逻辑；

配置项目:

类型:& # 8216；折叠-展开-组合& # 8217；；

Tg: tgger模式，默认双击折叠或显示，可配置& # 8216；点击& # 8217；和& # 8216；dblclick & # 8217；

Relayout:是收缩后还是扩张后触发重新布局，默认为真。

使用默认配置

用户可以配置为单击显示或折叠:

拖曳画布

含义:拖动画布；

配置项目:

类型:& # 8216；拖拽画布& # 8217；；

方向:允许拖动方向，支持& # 8217；x & # 8217,’y & # 8217,’两者& # 8217；，默认方向为& # 8216；两者& # 8217；；

EnableOptimize:是否开启优化，开启后在拖动画布时隐藏节点上的所有边缘和非关键形状部分，默认关闭；

应开始(e):是否允许触发动作；

ScalableRange:拖动画布的可展开范围，默认值为0，数值为正负值时的效果如下图所示。

当scalableRange的默认值为0时，dra -canvas-可以拖动的范围显示在下面的紫色字段中。

当scalableRange的值大于0时，拖动画布的可拖动范围显示在下面的红色区域。

也就是说，可缩放范围的范围在宽度和高度上围绕原始画布的底部增加。

当scalableRange的值小于0时，拖动画布的可拖动范围显示在下面的绿色字段中。

也就是说，可缩放范围的范围在宽度和高度上围绕原始画布的底部缩小。

相关计时事件:

Canvas:dragstart:当Canvas拖动开始时触发，使用graph . on(& # 8216；画布:dragstart & # 8217，e = >;{…})监控；

画布:拖动:画布拖动时触发，使用graph . on(& # 8216；画布:拖动& # 8217；，e = >;{…})监控；

Canvas:dragend:拖动画布时触发，使用graph . on(& # 8216；画布:拖动& # 8217；，e = >;{…})监视器。

使用默认配置

默认情况下，您可以在X和Y两个方向拖动画布。

使用自定义参数

此时只能在X方向拖动，不允许在Y方向拖动。

缩放画布

意义:缩放画布；

类型:& # 8216；缩放画布& # 8217；；

配置项目:

灵敏度:变焦灵敏度，支持1-10的数值，默认灵敏度为5；

最小变焦:最小变焦比；

MaxZoom:最大缩放比例；

EnableOptimize:开启时是否可以优化；默认值为false设置为true时，开启后缩放比例小于optimizeZoom时，会自动隐藏非keyShape

OptimizeZoom:enableOptimize为true时工作，默认值为0.7，表示缩放到哪个比例时，非关键形状开始隐藏；

ShouldUpdate(e):是否允许缩放；

FixSelectedItems:是否固定笔画粗细、文字大小、整体大小等。缩小画布时所选元素的。fixSelectedItems是一个包含以下变量的对象:

FixSelectedItems.fixState:要修复的元素的状态。当画布收缩时，设置为该状态的节点将参与固定大小的计算。默认值为& # 8216；精选& # 8217；；

FixSelectedItems.fixAll:固定元素的总大小，优先于fixSelectedItems.fixLineWidth和fix selecteditems . fix label；

FixSelectedItems.fixLineWidth:固定元素的键形的笔画粗细；

固定元素的文本大小。

相关计时事件:

Wheelzoom(e):当变焦改变时触发。使用graph . on(& # 8216；wheelzoom & # 8217，e = >;{…})听听这个机会活动。

提示:要限制缩放大小，请在图表上设置最小缩放和最大缩放。

拖曳节点

说明:V3.5及以上版本只支持在Combo中拖动节点。

含义:拖动节点，或者在Combo中拖动节点；

配置项目:

类型:& # 8216；拖动节点& # 8217；；

DelegateStyle:拖动节点时的绘图属，默认为{ strkeopacity:0.6，fill opacity:0.6 }；

UpdateEdge:拖动节点时是否更新所有连接到该节点的边；默认值为真。

EnableDelegate:在拖动节点的过程中是否启用了Delegate，也就是在拖动的过程中是否使用了方框来代替元素的直接移动，效果的差异在下面两个动画中有所体现。默认值为假；

lychangecombine:v 3.5及以上版本支持，拖动节点时只改变Combo的大小和结构，即不将节点拖出Combo或拖入Combo，默认为false

Comboactive状态:v3.5及以上版本支持。拖动节点时，如果有Combo，则在实例化Graph时需要通过comboStateStyles配置节点所在的Combo或节点输入的Combo的状态，默认为空；

选择状态:v3.5及以上版本支持。当选择组合样式时，需要在实例化图形时通过组合样式进行配置。默认为选中状态。

ShouldBegin(e):是否允许拖动当前制作的节点；

ShouldUpdate(e):拖动时是否允许当前节点更新其/delegate位置；

肩(e):是否允许当前节点在拖动结束时更新位置。

使用默认配置

启用委托