antV 树图收缩节点报错 Uncaught TypeError: t.source.getID is not a function

最新推荐文章于 2024-03-14 10:12:30 发布
最新推荐文章于 2024-03-14 10:12:30 发布
阅读量1.2k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuryS/article/details/109462588
版权

出现问题：antV G6树图点击收缩树节点，收缩最后一个节点时无法成功收缩且报错
在这里插入图片描述

报错原因：G6树形图中id数据类型为字符串类型，处理数据时应该使用String()将id转为字符串类型。

  data.push({id: String(id)})
不想做设计的前端不是一个好的攻城狮
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
AntV G6窗口大小自适应缩放
qq_26321411的博客
06-11 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>视口自适应</title> <style>::-webkit-scrollbar{display:none;}h
Vue3.x+AntV G6+Element Plus
12-04
一个开箱即用的基于Vue3使用AntV G6绘制图谱的项目，项目中包含两个demo，其一：图谱可以实现自适应窗口大小；其二：图谱自适应DOM元素大小。帮助你更好的理解并在Vue3.x中使用AntV G6库，有助于初学者快速上手
报错：t.get is not a function
qq_38918953的博客
10-28 4250
发现是浏览器的版本太低 不支持formData.get（）方法 xx.get is not a function 说明是不支持get（）方法
antd G6 画图表，渲染时连接线报 e.edge is not a function 的解决方法
weixin_38728902的博客
11-05 3122
最近项目中新引入 antv 的 g6 来话一些流程图，遇到一个问题，render渲染传进来的数值总会报 e.edge is not a function 的错，但是我本地自己写个假数据却没有任何问题，排查了一下午，终于找到病症所在：原来用于标识节点唯一值的id（我们使用的是id字段），在设置连线时，不能是Number类型，只认字符串，所以我们我们节点的id 123 改为 ‘123’ 后就好了！ { id: '123', type: 'asd', name: '合' } edg
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
惜江浅的博客
02-09 1万+
TypeError: this.getOptions is not a function 报错解决方案
antv g6 决策树,鼠标点击位置与节点位置偏移
qq_43557302的博客
03-14 562
问题:antv g6 决策树,鼠标点击位置与节点位置偏移。原因:父级transfrom影响。现象:鼠标点击位置与节点位置偏移。
Vue+Antv X6绘制流程图demo
07-05
在Vue项目中使用AntV X6组件库绘制流程图，需要实现以下需求： 需求1：左侧菜单中的模块可以拖拽进入画布中生成对应的流程图模块 需求2：流程图中的节点之间可以进行连线交互 需求3：点击对应的节点后可以进行操作...
微信小程序源码-小工具类：图表.rar
04-28
为了实现这些图表，开发者可能使用了ECharts、AntV G2Plot等成熟的图表库，并将其进行了封装，以便适应微信小程序的环境。ECharts是一个由百度开源的数据可视化库，支持丰富的图表类型和高度的交互性；而AntV G2Plot...
基于 AntV Vue 的中国新型冠状病毒疫情数据可视化移动端项目.zip
最新发布
04-18
新冠病毒溯源的目的只有一个，科学地应对新冠病毒。包括两个方面，一方面，要搞清楚它从哪来，到哪去，作为一个蛋白，怎么样寄生，怎么样对人的健康产生威胁，以及怎么样从动物身上来。目的就是不要再发生类似疫情，...
antV-X6-demo-master.zip
04-16
《AntV X6 Vue Canvas图形库的深度解析与实践应用》 AntV X6是一款由阿里云AntV团队推出的高效、灵活的JavaScript图形编辑引擎，它专注于为数据可视化和图形编辑场景提供强大的支持。在“antV-X6-demo-master.zip”...
Antv F2的报错chart.pieLabel is not a function解决办法，可解决类似所有Antv F2方法名找不到的问题
taozi550185271的专栏
04-12 8169
一句话总结：使用 import F2 from "@antv/f2/lib/index-all"; 代替 import F2 from "@antv/f2"; 如果已心领神会，可以关闭该页面啦~~~ 叨叨叨如下； 举一个小小例子，例子来源于官方文档：https://antv.alipay.com/zh-cn/f2/3.x/demo/pie/pie-with-label.html 使用...
uni-app Antv F2的报错chart.pieLabel is not a function解决办法
liaoLiao______的博客
01-05 774
话不多说 直接上图 你应该就能懂了 f2.min1.js 是自带的js f2.min.js 是在官网下载的 解决之前: 解决之后: 这只是记录一下自己遇到的坑 ,还希望能帮助的一样开发的uni-app的新手 ...
openlayers踩坑记录【1】
dreamgis的专栏
09-27 1302
一个点图层vectorlayer，样式用的Text，表达一个事实测量值，会不断刷新变化。 以前（没有用到vue框架，很原始的模式）的做法，更新后将新的TextStyle保存到feature里面，然后layer.getSource().refresh()，在functionStyle里面，直接return feat.get('style')。 没有问题，正常刷新。 现在的项目用到vue，也不知道跟vue有没有关系哈，只是记录一下环境。 套用原来的做法，发现问题， 问题1：每当layer.getSou.
报`Uncaught (in promise)`错误解决办法
热门推荐
weixin_46721670的博客
09-26 6万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
JS报错Uncaught (in promise) TypeError: (intermediate value).format is not a function
My note
02-21 5912
出现“date.format is not a function”错误是因为格式方法未在 JavaScript 中实现。意思是说Format不是一个方法。去查了一下，发现是javascript已经去掉此方法了，要使用的话，需要添加第三方库。要解决该错误，需要使用第三方包来格式化我们的日期，例如 moment 或 date-fns。
Uncaught TypeError: XXX is not a function的解决方法
m0_54066656的博客
03-13 2万+
Uncaught TypeError: XXX is not a function的解决方法
TypeError: this.getOptions is not a function 的解决
hyupeng1006的博客
01-06 1万+
React这个实际上就是 sass-loader 的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。1、命令行卸载node-sass和sass-loader，重新安装跟你当前node版本对应的node-sass和sass-loader。2、或者可以删除node_modules文件夹，直接修改package.json里sass-loader和node-sass里的版本，然后npm install四、node。
G6图形交互时， 报错e.addEdge is not a function
weixin_49336005的博客
01-11 445
解决报错：e.addEdge is not a function
antv G6 的graph 图报错Uncaught TypeError: Cannot read properties of undefined (reading 'color')
07-21
你在使用 antv G6 的时候遇到了一个报错，报错信息是 "Uncaught TypeError: Cannot read properties of undefined (reading 'color')"。这个错误通常是由于你在代码中尝试访问一个未定义的属性 'color' 导致的。可能的原因有： 1. 你的数据中某个节点或边的属性 'color' 未定义或为 null。你可以检查一下你的数据中是否包含了 'color' 属性，并确保其正确定义。 2. 你在代码中访问节点或边的属性 'color' 时，可能没有正确地从数据中获取到对应的值。你可以检查一下你的代码逻辑，确保正确地获取到节点或边的属性值。 3. 你可能在使用 G6 的某个方法时，传入了不完整或不正确的参数，导致无法正确访问 'color' 属性。你可以检查一下你的代码中对 G6 方法的调用，确保传入正确的参数。 希望以上信息对解决你的问题有所帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值