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

最新推荐文章于 2024-12-23 10:11:49 发布
原创 最新推荐文章于 2024-12-23 10:11:49 发布 · 2.2k 阅读 · 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轴的数据项，就不报该错误了。

 

Vue - 解决报错 TypeError: transpileDependencies.map is not a function（vue项目运行启动或打包时提示错误，npm run serve报错）
资深程序员
01-07 6337
vue2，vue3，项目报错，transpileDependencies.mapisnotafunction，vue项目报错，运行npmrundev提示报错，项目启动就报错，npmrunbuild打包报错，Vue运行无故报错解决transpileDependencies.mapisnotafunction，什么也没动就报错了，Vue2报错，vue3报错，安装过程中执行了npmauditfix导致，项目没动代码就报错了，都改了还不行，加了配置也不行，vue.config.js加了t
关于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 863
问题原因: xAxis, yAxis, series 三个值必须一次设置为,缺少series 就会报这个错误。vue echarts k线图添加交易量副图。
axis.getLabelsCoords is not a function 实测解决
前端颜小白
06-07 1408
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项目报错-Syntax Error TypeError this.getOptions is not a function
Zhao_Huiru的博客
03-18 286
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 7736
今日使用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) 至
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
解决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 2271
<!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.
Uncaught (in promise) TypeError: Object(...) is not a function 解决方案
qq_17627195的博客
11-11 8893
原因：出现这个原因，有两个情况。
报错Error: Uncaught (in promise) TypeError: Object(...) is not a function at eval
weixin_44470633的博客
12-29 1957
解决Object(...) is not a function at eval报错问题
TypeError: (0 , decorators[i]) is not a function
最新发布
m0_47733284的博客
12-23 255
根据提供的代码和错误信息，问题出在 simpleDecorator 的使用方式上。TypeScript 装饰器的使用方式与普通函数调用不同。对于类装饰器，装饰器函数应该接受一个参数（目标类构造函数），并且不应该传递额外的参数。在这个示例中，simpleDecoratorFactory 是一个装饰器工厂函数，它接受参数并返回一个装饰器函数。这样你就可以在装饰器中使用传递的参数了。确实需要传递额外的参数，可以使用一个装饰器工厂函数。1、修改 simpleDecorator 函数，使其符合类装饰器的签名。
Syntax Error: TypeError: this.getOptions is not a function
weixin_43343144的博客
10-14 241
Syntax Error: TypeError: this.getOptions is not a function_风如也的博客-优快云博客 检查代码中并无写错的地方 其实涉及到这个问题，就是版本原因了，我安装的scss-loader版本太高，卸载安装低版本即可 // vue3使用10.2的版本没问题 npm install sass-loader@10.2.0 --save-dev ...
Uncaught TypeError: i.getOtherAxis is not a function
fdsjiaoDoctor的博客
09-23 1797
echarts 3没有带地图数据，手动导入china.js或者其他geojson数据，echarts官网的源码中有地图数据，在map文件夹下
XXX.indexOf is not a function 问题
热门推荐
weixin_40453395的博客
04-13 3万+
鉴于网上关于indexOf is not a function解决方法都是jQuery解决方案，跟遇到问题不是一回事写下解决方案。 错误输出： 错误代码： 错误原因：reason2ndIds只有一个id例如100102时，不是字符串，无法使用字符串查找方法indexOf方法。 解决方法:把需要进行查找的字段强转成字符串，强转方法很多，用的是+""; 总结：indexOf为字符串使用方法，...
loaderutils.getoptions is not a function 解决方案
xuelang532777032的博客
05-31 9287
是不是在webpack编译 vue的时候  报错了？  其实这个问题很简单    cnpm install --global vue-cli cnpm install vue cnpm install vue-loader vue-template-compiler loader-utils 直接从淘宝更新下这几个吧  别 用npm 用  cnpm
Uncaught TypeError: element.contains is not a function 这样用了之后报错
12-06
这个错误信息“Uncaught TypeError: element.contains is not a function”通常出现在JavaScript代码中，表示你试图在一个不是DOM元素的对象上调用`contains`方法。`contains`方法是DOM元素对象的方法，用于判断一个节点是否是另一个节点的后代节点。 以下是一些可能的原因和解决方法： 1. **元素未正确获取**： 确保你获取的元素是一个DOM元素对象，而不是其他类型的数据（如字符串、数组等）。 ```javascript // 错误的例子 var element = "div"; // 这是一个字符串，不是DOM元素 console.log(element.contains(document.body)); // 报错 // 正确的例子 var element = document.getElementById("myDiv"); // 获取DOM元素 console.log(element.contains(document.body)); // 正常执行 ``` 2. **元素不存在**： 确保元素在DOM中存在。如果元素不存在，`document.getElementById`等方法会返回`null`，而`null`对象没有`contains`方法。 ```javascript // 错误的例子 var element = document.getElementById("nonExistentId"); // 返回null console.log(element.contains(document.body)); // 报错 // 正确的例子 var element = document.getElementById("myDiv"); // 确保元素存在 if (element) { console.log(element.contains(document.body)); } else { console.log("Element does not exist"); } ``` 3. **使用兼容的方法**： 如果你需要兼容较老的浏览器，可以自己实现一个`contains`方法，或者使用其他方法来判断节点关系。 ```javascript // 自定义contains方法 function contains(a, b) { return a.compareDocumentPosition ? a.compareDocumentPosition(b) & 16 : a.contains(b); } var element = document.getElementById("myDiv"); console.log(contains(element, document.body)); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

EEEurekaaa！

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

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

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

打赏作者

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

抵扣说明：

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

余额充值