关于Echart的Uncaught TypeError: a.getAxesOnZeroOf is not a function报错问题

最新推荐文章于 2024-06-17 08:00:00 发布
原创 最新推荐文章于 2024-06-17 08:00:00 发布 · 2.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

下午利用echart做动态可视化的时候，后端代码没有提示错误，前端web页面提示了个

Uncaught TypeError: a.getAxesOnZeroOf is not a function

发现的时候很奇怪，这个错误并不影响它函数体本身的展示，也不影响在它上面的函数体，但在它下面的就无法正常显示，在网上搜了也没发现与我一样的错误，报错如图

看到最后一行点进去看 

 很纳闷，这跟错误有啥关系。

最后经过一番检查对比，发现是因为我没有在option中写xAxis，而是将所有的x轴的参数都放到了ajax函数判断数据获取成功后在行设置。这样写就会导致，如果ajax获取数据失败，那么图的xAxis任何参数都无法正常设置因此会报该错误。之后我将xAxis的参数挪到了option中，只在ajax中设置x轴的数据项，就不报该错误了。

 

正确解决TypeError: xxx is not a function异常的有效解决方法
wbajsjhhhhh的博客
05-03 1万+
正确解决TypeError: xxx is not a function异常的有效解决方法
Uncaught (in promise) TypeError: x.isoWeek is not a function
2401_89806660的博客
06-15 497
API，就需要引入插件扩展包（
关于Echart的TypeError: axis.getAxesOnZeroOf is not a function报错问题
YHJ_2298的博客
12-17 1万+
在使用echart的时候，明明各项参数都有传入，但是，在echart使用this.init()初始化的时候，却报错TypeError: axis.getAxesOnZeroOf is not a function，通过一项一项排除，发现在xAxis属性中的data为[ ]时，会出现该错误。 当然，我的问题不是你的问题，请具体问题具体分析！！！ 我的xAxis： xAxis: { type: 'category', axisTick: { alignWithLabel: .
vue echarts k线图添加交易量副图时 axis.getAxesOnZeroOf is not a function
tenc1239的博客
07-01 903
问题原因: xAxis, yAxis, series 三个值必须一次设置为,缺少series 就会报这个错误。vue echarts k线图添加交易量副图。
axis.getLabelsCoords is not a function 实测解决
前端颜小白
06-07 1447
axis.getLabelsCoords is not a function 继上一个一个文章发现项目成功运行了之后，但是将echarts实例拿过来后，又遇到了报错getLabelsCoords is not a function。 发现gitthb上echarts得开发人员说gl版本要更新到1.1.1 然后就不报错了！ 实测可用 npm install echarts-gl@1.1.1 --save ...
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
1. jQuery插件报错问题：在使用jQuery插件时可能会遇到"TypeError: $.browser is undefined"的报错，这主要是因为从jQuery 1.9版本开始，jQuery移除了$.browser和$.browser.version这两个用于获取浏览器基本信息的...
为什么会有bug？Uncaught TypeError: dataOptions.call is not a function
weixin_40945354的博客
11-11 2324
<!DOCTYPE html> <html> <div id="app"> <select v-model="selectItem" @change="selectFn($event)"> <!--选择项的value值默认选择项文本 可动态绑定选择项的value值 更改v-model指令绑定数据--> <option v-for="item in items" :value="item.id.
Vue3中出现 Uncaught (in promise) TypeError: data.includes is not a function 解决方法
码农研究僧的博客
06-17 4512
Uncaught (in promise) TypeError: data.includes is not a function at Object.updateCurrentRowData (current.ts:40:15) at Object.setData (index.ts:35:22) at Object.commit (index.ts:168:24) at watch.immediate (style-helper.ts:49:17)
Vue项目报错-Syntax Error TypeError this.getOptions is not a function
Zhao_Huiru的博客
03-18 295
Vue项目报错-Syntax Error: TypeError: this.getOptions is not a function [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ba6xqa3h-1616041120214)(C:\Users\Admin\AppData\Roaming\Typora\typora-user-images\image-20210318121302572.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-
Syntax Error: TypeError: this.getOptions is not a function错误解决
小伟的博客
05-06 7757
今日使用Vue做项目时，开启server服务,显示编译失败，错误信息如下 经过查找原因，发现是版本号太高的原因 可在 package.json 中 查看 各个依赖的版本号 之前less-loader是 8. 多开头的，最新的版本，该图片是卸载重新安装之后的版本号 1、卸载 less-loader npm uninstall --save less-loader 2、安装一个低版本的（我安装的是7.3.0的，没有问题） npm install -D less-loader@7.3.0 ...
“TypeError: this.axios is not a function“解决方法
Vanllen_moon的博客
04-01 1万+
1.首先检查是否已成功安装axios和vue-axios 若没有安装，执行以下命令 npm i axios vue-axios --save 2.检查是否已在main.js中导入 若没有，在main.js中进行导入 import axios from 'axios' import VueAxios from 'vue-axios' 3.检查是否已在main.js中注册，同时注意注册顺序，需先注册VueAxios，否则会报错 在main.js中注册 Vue.use(VueAxios, axios) 至
报错Error: Uncaught (in promise) TypeError: Object(...) is not a function at eval
weixin_44470633的博客
12-29 1989
解决Object(...) is not a function at eval报错问题
Uncaught (in promise) TypeError: Object(...) is not a function 解决方案
qq_17627195的博客
11-11 9039
原因：出现这个原因，有两个情况。
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
惜江浅的博客
02-09 1万+
TypeError: this.getOptions is not a function 报错解决方案
解决Uncaught (in promise) TypeError: Object(...) is not a function报错
热门推荐
老电影故事的博客
04-28 1万+
今天搬砖的时候遇到一个报错 问题： Uncaught (in promise) TypeError: Object(…) is not a function 如图所示 原因： 经过排查，发现原因是导入的JS方法没有用大括号接收，然后又把它当做方法调用了。低级错误 解决方法： 导入的js方法要用大括号接收： import {callMethodLimitPage} from './getAllData.js' ...
antvg6报错Uncaught TypeError: graph.expand is not a function
最新发布
07-26
在使用 AntV G6 时，用户可能会遇到 `Uncaught TypeError: graph.expand is not a function` 的错误。该错误通常出现在尝试调用 `graph.expand` 方法时，而该方法在当前的 G6 版本中并不存在或已被弃用。 ### 错误原因分析 1. **版本兼容性问题** AntV G6 的不同版本之间存在 API 的变更。在较早版本中，某些树图展开/折叠功能可能通过 `graph.expand` 或 `graph.collapse` 实现，但在新版本中这些方法可能已被移除或替换为新的方式，例如通过 `graph.changeData` 或 `graph.updateItem` 来控制节点状态 [^1]。 2. **API 使用方式变更** 在 G6 v3.5 及之后版本中，树图的动态展开/折叠功能通常通过更新节点数据中的 `collapsed` 字段来实现，而不是直接调用 `expand` 方法 [^1]。 3. **插件或扩展方法误用** 如果用户使用了自定义插件或第三方扩展功能，而这些插件仍基于旧版本 API 实现，也可能导致调用 `graph.expand` 时出错。 ### 解决方法 1. **确认当前 G6 版本** 使用 `console.log(G6.version)` 查看当前使用的 G6 版本号。根据版本号查阅官方文档，确认对应版本的 API 是否支持 `expand` 方法。 2. **使用新版 API 实现树图展开/折叠** 在新版 G6 中，树图的展开/折叠应通过更新节点数据实现。例如： ```javascript // 假设 node 是需要展开或折叠的节点 const model = node.getModel(); graph.updateItem(node.getID(), { ...model, collapsed: !model.collapsed, // 切换展开/折叠状态 }); ``` 3. **重新加载子树数据（动态加载场景）** 如果使用了动态加载子节点的功能，在切换节点状态后，可能需要重新请求数据并更新图： ```javascript // 在折叠/展开后重新加载子树 if (!model.collapsed) { fetchData(model.id).then(children => { const newNodes = children.map(child => ({ ...child })); graph.changeData({ nodes: [...graph.getNodes().map(n => n.getModel()), ...newNodes], edges: [...graph.getEdges().map(e => e.getModel())], }); }); } ``` 4. **检查插件兼容性** 如果使用了第三方插件或封装组件（如 Vue 或 React 集成），确保其适配当前 G6 版本。如有必要，升级插件或修改其内部调用方式以适配新版 API 。 5. **参考官方示例** AntV G6 官方文档提供了动态加载子树和展开/折叠的示例，建议参考最新文档中的实现方式：[G6 官方文档 - 树图操作](https://g6.antv.vision/zh/docs/manual/mode/tree) ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

EEEurekaaa！

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值