ComboCombined布局配置:outerLayout使用dagre,innerLayout使用force布局时,combo相关问题 #6423
Unanswered
xuyifei660
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
4.8.*版本,使用如下布局配置 实例化,
`graph = new G6.Graph({
container: "dag",
width,
height,
groupByTypes: false,
plugins: [menu, tooltip],
layout: {
type: "comboCombined",
outerLayout: new G6.Layout['dagre']({
ranksep: 20,
begin: [400, 200],
align: 'UL',
rankdir: 'LR',
workerEnabled: true,
}),
innerLayout: new G6.Layout['force2']({
preset: {
type: 'dagre',
align: 'UL',
rankdir: 'TB',
},
minMovement: 0.9,
maxIteration: 50,
nodeStrength: 5,
nodeSize: 40,
gravity: 2,
preventOverlap: true,
workerEnabled: true,
})
},
modes: {
default: [
{
type: 'drag-node',
onlyChangeComboSize: true,
},
{
type: 'drag-combo',
onlyChangeComboSize: true,
},
],
},
defaultCombo: {
type: 'rect',
// size: [30, 20],
// size: [30, 550],
})
有几个问题请教下:
问题:但好像align(设置任何值)不起作用,请问是在这种组合下不支持吗?或者有没有其他方式可以实现。
2、现在水平流程图有多个combo,combo大小设置了最小值,拖动节点开启了onlyChangeComboSize属性。当我拖动combo-A上的某一个节点时,该combos大小(长/宽)会跟随变化,这时候我想让其他combos的长也动态同时改变,和combo-A的长保持一致,让水平方向上的各个combo顶端对齐。请问可以如何实现呢?
3、需求:combos水平展示,现在每一个combo之间的距离间距都是一样的,但是比如我将第三个combo的节点向左拖动(combo宽也变小了),这时候第三个combo和第4个combo的间距就变大了。我想让在我拖动节点改变combo大小的时候,同时让后面的combo保持原来combos之间的间距(同样节点向右拖,后一个combo也向后移动)。
问题:我想到的是,在拖动节点后,仅仅让外层流程图布局重新布局(graph.layout())。但是不知道有没有这个api,或者有其他实现方法吗?
Beta Was this translation helpful? Give feedback.
All reactions