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

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

相关推荐
hello_2502 天前
bug排查思路大纲
bug
秃头小饼干2 天前
关于Bug排查日记的技术文章大纲
bug
烧冻鸡翅QAQ2 天前
测试中的Bug
bug·测试
zzywxc7873 天前
自动化测试框架是软件测试的核心基础设施,通过预设规则和脚本自动执行测试用例,显著提高测试效率和覆盖率。
运维·人工智能·自动化·prompt·测试用例·流程图
TextIn智能文档云平台3 天前
产品无法正确解析复杂表格和流程图,有什么替代方案或优化方法?
流程图
coder_lorraine3 天前
Drawnix:开源一体化白板工具,让你的创意无限流动!
开源·流程图
云和数据.ChenGuang4 天前
java常见SSL bug解决方案
java·bug·ssl
m0_555762904 天前
项目1——单片机程序审查,控制系统流程图和时序图
单片机·mongodb·流程图
cat_with_cat4 天前
测试:BUG篇
bug·测试
黑客飓风4 天前
Bug排查日记的技术
bug