x6.js bug记录-流程图json数据导入进来之后拖拽节点,节点直接飞走了

添加josn数据进来之后虽然能正常渲染,但是只要一拖拽,则节点就直接飞走了,看不到了。

找了一下午的问题,最后发现。保存的json坐标位置是字符串类型,而这边的位置必须是数字类型。如下:

复制代码
 {
    position: { x: "180", y: "140" },
    size: { width: "60", height: "60" },
    attrs: {
      text: { text: "addData" },
      body: { fill: "#1A9DFF", stroke: "#000" },
      label: { text: "addData", fill: "#333", fontSize: 13 },
    },
    visible: "true",
    shape: "rect",
    id: "ee11d4b2-5e09-45dc-bb24-bb8cc791e11b"
  }

最后将字符串类型改为数字类型就好了

复制代码
  {
    position: { x: 180, y: 140},
    size: { width: 60, height: 60 },
    attrs: {
      text: { text: "addData" },
      body: { fill: "#1A9DFF", stroke: "#000" },
      label: { text: "addData", fill: "#333", fontSize: 13 },
    },
    visible: "true",
    shape: "rect",
    id: "ee11d4b2-5e09-45dc-bb24-bb8cc791e11b"
  }

蛮坑的虽然解决办法简单,但找到该问题却耗费了一下午时间。

相关推荐
一入JAVA毁终身3 小时前
处理Lombok的一个小BUG
java·开发语言·bug
SeaTunnel11 小时前
SeaTunnel 社区月报(5-6 月):全新功能上线、Bug 大扫除、Merge 之星是谁?
大数据·开源·bug·数据集成·seatunnel
紫璨月11 小时前
nginx反向代理的bug
运维·nginx·bug
从后端到QT12 小时前
SRS流媒体服务器之本地测试rtc推流bug
bug·实时音视频
<花开花落>10 天前
AI 辅助生成 Mermaid 流程图
ai·流程图·mermaid·tool
Java知识库11 天前
MySQL RC隔离级别惊现间隙锁:是bug吗?
数据库·mysql·bug
安卓机器11 天前
rom定制系列------红米note11 5G版 MTK芯片强解bl锁修复bug 官方系统 面具root批量线刷版
5g·bug
剽悍一小兔11 天前
一个小BUG引发的对Mybatis-Plus的模糊查询的思考
bug·mybatis
晓华-warm11 天前
Warm-Flow发布1.7.4, 设计器和流程图优化
java·中间件·流程图·组件·flowable·工作流·activities
Gazer_S13 天前
【前端隐蔽 Bug 深度剖析:SVG 组件复用中的 ID 冲突陷阱】
前端·bug