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

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

相关推荐
林林要一直努力6 小时前
AOSP Settings模块问题初窥
android·学习·bug·android studio
智慧城市20302 天前
183页PPT华为销售终端MR+LTC项目流程经关键变革点及痛点解决措施
流程图·敏捷流程·交通物流
福大大架构师每日一题2 天前
redis 8.0.3版本更新详解:安全修复、新特性与关键bug修复全面解析
redis·安全·bug
小张贼嚣张3 天前
目标检测流程图绘制
流程图
杨小扩3 天前
特别放送:关于一个无法修复的系统级Bug
程序人生·bug
千帐灯无此声3 天前
Linux 测开:日志分析 + 定位 Bug
linux·c语言·c++·bug
jdyzzy5 天前
如何开发CRM系统中的财务管理板块(附架构图+流程图+代码参考)
流程图
紫璨月7 天前
rabbitMQ读取不到ThreadLocal消息的bug
rabbitmq·bug·java-rabbitmq
Designseek满血版7 天前
流程图生成新体验,PicDoc 入门篇
流程图
zzc9218 天前
Adobe Illustrator设置的颜色和显示的颜色不对应问题
adobe·bug·illustrator·错误·配色·透明度·底色