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

最新推荐文章于 2025-03-10 13:46:18 发布

原创最新推荐文章于 2025-03-10 13:46:18 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文解决G6树形图点击收缩最后一个节点时出现的错误。问题在于处理数据时未将id转换为字符串类型。正确的做法是在data.push中通过String()函数确保id为字符串。

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

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

  data.push({id: String(id)})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不想做设计的前端不是一个好的攻城狮

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

代码青春

06-29

4853

vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

antv g6对接后台数据_React下使用antv/g6实现树图/流程图

weixin_29775951的博客

12-24

1453

1、需求根据后台数据实现类似下图效果：因为实际节点较多，需要支持节点折叠。2、选择选择很重要，花了两天时间对比了echarts、antv里的G2、G6，甚至还翻翻了D3。这个过程有点烦，先是尝试echarts里的关系图，毕竟是大厂出来的，API文档还是挺全乎的，也易懂。深入研究后发现graph并不支持重复节点，无法实现需求，PASS。再看看echarts里的tree，实话说echarts里的树图示...

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

森之千手 2020.11.10
有效果，id的确要设置为字符类型，否则会出现无线循环错误。找了很久不知道为啥。而且这种不能设置数值类型为id的设置很傻逼。G6的开发在这点还是比较脑残

报错：t.get is not a function

qq_38918953的博客

10-28

4472

发现是浏览器的版本太低不支持formData.get（）方法 xx.get is not a function 说明是不支持get（）方法

openlayers踩坑记录【1】

dreamgis的专栏

09-27

1832

一个点图层vectorlayer，样式用的Text，表达一个事实测量值，会不断刷新变化。以前（没有用到vue框架，很原始的模式）的做法，更新后将新的TextStyle保存到feature里面，然后layer.getSource().refresh()，在functionStyle里面，直接return feat.get('style')。没有问题，正常刷新。现在的项目用到vue，也不知道跟vue有没有关系哈，只是记录一下环境。套用原来的做法，发现问题，问题1：每当layer.getSou.

antv g6 摸索总结—新手入门

热门推荐

想卷回去的小菜鸡的博客

07-06

1万+

通过antvG6官网内置API实现树图的加载绚烂，以及对各个属性进行详细讲解，把过程中遇到的问题以及解答方案一一列举，随着各种需求，不断更新。

实现AntV G6 两侧树节点独立收缩

qq_40288383的博客

11-26

412

实现思路：在原本根节点上加两个虚拟节点点击节点收起子元素，并改变虚拟节点的symbol。目前的官方示例上的根节点一收缩两侧节点都会被收缩。要实现的效果：根节点两侧独立收缩。

antd G6 画图表，渲染时连接线报 e.edge is not a function 的解决方法

wudandong的博客

11-05

3548

最近项目中新引入 antv 的 g6 来话一些流程图，遇到一个问题，render渲染传进来的数值总会报 e.edge is not a function 的错，但是我本地自己写个假数据却没有任何问题，排查了一下午，终于找到病症所在：原来用于标识节点唯一值的id（我们使用的是id字段），在设置连线时，不能是Number类型，只认字符串，所以我们我们节点的id 123 改为 ‘123’ 后就好了！ { id: '123', type: 'asd', name: '合' } edg

antvg6报错Uncaught TypeError: graph.expand is not a function

07-26

在使用 AntV G6 时，用户可能会遇到 `Uncaught TypeError: graph.expand is not a function` 的错误。该错误通常出现在尝试调用 `graph.expand` 方法时，而该方法在当前的 G6 版本中并不存在或已被弃用。 ### 错误...

【react】启动新项目时报错:Uncaught TypeError: Cannot read property ’forEach‘of undefined

all_might1的博客

09-10

1371

一、问题描述忙里偷闲，想重开个项目，用作练习项目。但是在 npm i ，启动后，项目没有出现React转圈圈的动画。一开控制台报了如下错误：二、问题解决思路本来想顺藤摸瓜找到这个文件看看那句话是咋回事，但是用vscode打开的工程里全局搜愣是找不到。我自己去node_moudle顺着字母找下去，也毫无收获，没这文件。但是无论我怎么重新启动都报这个错，然后不信邪就去直接找项目文件夹。嘿，很轻松一眼找到了。 ...

antvg6报错 Uncaught (in promise) TypeError: value.addEdge is not a function

最新发布

08-09

在使用 AntV G6 时，出现错误 `Uncaught (in promise) TypeError: value.addEdge is not a function` 通常意味着在调用 `addEdge` 方法时，目标对象 `value` 并不具备该方法。此类错误常见于以下几种情况： 1. **图...

antvg6报错@antv_g6.js?v=b5d4e6e1:69618 Uncaught (in promise) TypeError: value.addEdge is not a function at getGraphData

08-09

在使用 AntV G6 时，如果遇到错误提示 `value.addEdge is not a function in getGraphData`，这通常与图数据的结构或图实例的方法调用方式有关。 ### 错误原因分析 1. **数据格式不正确**：G6 在初始化图或更新图...

antv g6收缩树绘图

ttxwwdn的博客

11-25

1260

最近工作需要，用了antv g6绘图，参照了官网的例子 <template> <div id="container"></div> </template> <script> import { defineComponent, onMounted, ref, watch } from "vue"; import { getKinship } from "@/services/study.js"; import G6 from "@antv/g6"

vue2.x版本项目使用antv g6 缩进树

wbshfjr的博客

12-06

1271

orgTags: "1,8,4,9", // 实际业务要根据后端返回的orgTags给每个节点item设置对应的borderColor、backgroundColor、icons。单节点(包含分支机构)多节点含下级企业单节点

【antd-vue】 a-tree 点击节点文字展开或收缩子节点

落叶无声的专栏

11-18

5959

问题描述 a-tree 组件默认点击切换图标展开或收缩，如何做到点击节点文字也展开或收缩。解决方法在 onSelect 方法中调用 onExpand 方法 <template> <a-tree @select="onSelect" /> </template> <script> export default { methods: { onSelect(selectedKeys, {node}) { node.onExpan

Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）

惜江浅的博客

02-09

1万+

TypeError: this.getOptions is not a function 报错解决方案

Antv G6 力导向图布局变更，保持节点的收缩状态

weixin_39054337的博客

07-20

913

【代码】Antv G6 力导向图布局变更，保持节点的收缩状态。

AntV_G6实现UI树

weixin_43724848的博客

03-10

712

目前需要实现一个 UI 树，用于展示设备树，以及设备树中设备的属性。与树状列表不同，UI 树需要有特定的交互方式，支持边以及当前节点的点击事件，那就用G6进行是先把。

如何用代码控制antv chants关系图的节点收缩和展开

kabudada的博客

10-19

1278

项目背景：在antd pro react下，我们想用antv charts做了一个报表的树形结构图，但是因为子节点太多了，我们想进页面的时候，只展开三级，用户自己点开后面的。2.综合1的问题，只能通过show来控制了，这样，但这个又有一个问题就是，在markerCfg里面没法得到我处理好的末尾节点的数据，导致我无法判断。1、当我默认展开三级时，我需要用代码去判断其是否还有子节点，如果有子节点就展示展开按钮，没有子节点就不展示，如上图红绿框所示。

antv G6实现拓扑树绘制

CodingNoob

06-19

1484

<template> <div id="antV-G6"></div> </template> <script> import G6 from '@antv/g6'; export default { name: 'G6', mounted () { this.int(); }, methods: { int () { G6.registerNode('card-node', { .