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"
  }

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

相关推荐
boonya14 小时前
国内外常用的免费BUG管理工具选型
bug
10岁的博客15 小时前
Bug排查日记:高效记录与解决之道
bug
彭刷子1 天前
【Bug】Nexus无法正常启动的五种解决方法
bug·nexus
kebeiovo1 天前
项目必备流程图,类图,E-R图实例速通
开发语言·r语言·流程图
黑客飓风1 天前
从基础功能到自主决策, Agent 开发进阶路怎么走?
面试·log4j·bug
晋人在秦 老K1 天前
入梦工具箱怎么检测硬件?3步完成CPU-Z跑分测试 硬件检测总出错?图吧工具箱免费功能实测 draw.io 部署指南:私有化流程图服务搭建教程
测试工具·流程图·工具·draw.io
mahuifa1 天前
C++(Qt)软件调试---bug排查记录(36)
c++·bug·软件调试
Kyln.Wu1 天前
【python实用小脚本-205】[HR揭秘]手工党逐行查Bug的终结者|Python版代码质量“CT机”加速器(建议收藏)
开发语言·python·bug
2501_930104042 天前
Bug 排查日记:打造高效问题定位与解决的技术秘籍
bug
weixin_377634842 天前
【YOLO】数据增强bug
yolo·bug