DragNodeWithForce
力导布局状态下,拖拽节点是否自动固定,目前仅支持graphin-force
布局
API
属性名 | 描述 | 类型 | 默认值 |
---|
autoPin | 被拖拽的节点,是否自动固定住 | boolean | false |
dragNodeMass | -- | number | -- |
Hoverable 鼠标悬停交互
DragNode
API
属性名 | 描述 | 类型 | 默认值 |
---|
disabled | 是否禁用该功能 | boolean | false |
updateEdge | 是否在拖拽节点时更新所有与之相连的边,默认为 true | boolean | true |
delegateStyle | 节点拖拽时的绘图属性 | {} | { strokeOpacity: 0.6, fillOpacity: 0.6 } |
enableDelegate | 是否开启delegate | boolean | false |
onlyChangeComboSize | 拖动节点过程中是否只改变 Combo 的大小,而不改变其结构 | boolean | false |
comboActiveState | 拖动过程中目标 combo 状态样式 | string | '' |
selectedState | 选中样式 | string | selected |
ClickSelect
API
属性名 | 描述 | 类型 | 默认值 |
---|
disabled | 是否禁用该功能 | boolean | -- |
multiple | 是否允许多选,默认为 true,当设置为 false,表示不允许多选,此时 trigger 参数无效; | boolean | -- |
trigger | 指定按住哪个键进行多选,默认为 shift,按住 Shift 键多选,用户可配置 shift、ctrl、alt; | string | -- |
selectedState | 选中的样式,默认为 selected | string | -- |
ActivateRelations
API
属性名 | 描述 | 类型 | 默认值 |
---|
disabled | 是否禁用该功能 | boolean | false |
trigger | 可以是 mousenter,表示鼠标移入时触发;也可以是 click,鼠标点击时触发 | string | mouseenter |
activeState | 活跃节点状态。当行为被触发,需要被突出显示的节点和边都会附带此状态,默认值为 active;可以与 graph 实例的 nodeStyle 和 edgeStyle 结合实现丰富的视觉效果。 | string | active |
inactiveState | 非活跃节点状态。不需要被突出显示的节点和边都会附带此状态。默认值为 inactive。可以与 graph 实例的 nodeStyle 和 edgeStyle 结合实现丰富的视觉效果; | string | inactive |
resetSelected | 高亮相连节点时是否重置已经选中的节点,默认为 false,即选中的节点状态不会被 activate-relations 覆盖; | boolean | false |
TreeCollapse
仅数据结构为树,内部渲染为 TreeGraph 的时候,该交互引入才可生效
API
属性名 | 描述 | 类型 | 默认值 |
---|
trigger | 收起和展开树图的方式,支持 'click' 和 'dblclick' 两种方式。默认为 'click',即单击; | string | -- |
onChange | 收起或展开的回调函数。
警告:G6 V3.1.2 版本中将移除;itemcollapsed:当 collapse-expand 发生时被触发。
请使用 graph.on('itemcollapsed', e => {...}) 监听,参数 e 有以下字段: | (item: Item, collapsed: boolean) => void | -- |
shouldBegin | 是否允许该 behavior 在当前操作的 item 上发生。 | (e: IG6GraphEvent) => boolean | -- |
FontPaint