Springboot + VUE + antv/x6 实现拖拽自定义流程图

问题:Stencil拖拽一个自定义的Vue3组件,如何使groups下的节点能够自适应高

后台接口返回节点数分别为调度:9,位置为:107


现象:但实际位置节点仅显示了24个就结束了
后经过多种方案查询,最后解决
原 :stencilGraphHeight值固定了400,应该将此处设置成“0”!

// 初始化Stencil
const stencil = new Stencil({
        title: "流程设备类型",
        target: graph,
        stencilGraphWidth: 380,
        stencilGraphHeight: 400,
        collapsable: true,
        nodeMovable: true,
        groups: this.groups.map(group => ({
          ...group,
          layoutOptions: {
            columns: 4,
            columnWidth: 90,
            rowHeight: 65,
          },
        })),
        scrollable: true,
        scrollableOptions: {
          horizontal: false,
          vertical: true,
        },
});
stencilGraphHeight: 0

解决后结果如图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值