Linux   发布时间:2022-03-31  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined",重新npm run dev,问题解决。大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

在搞Echarts的关系图graph,一开始正常显示,如下:   然而就在本人修改了option里的curveness = 0.2,ctrl+f5强制刷新页面后,图表加载报错:Error in mounted hook: "TypeError: CAnnot read property ‘get‘ of undefined"  一开始以为是因为curveness的修改而报错,遂回退修改,然而问题依

在搞Echarts的关系图graph,一开始正常显示,如下:

Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined",重新npm run dev,问题解决。

 

然而就在本修改了option里的curveness = 0.2,ctrl+f5强制刷新页面后,图表加载报错:Error in mounted hook: "TypeError: CAnnot read property ‘get‘ of undefined"

Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined",重新npm run dev,问题解决。

 一开始以为是因为curveness的修改而报错,遂回退修改,然而问题依旧。

Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined",重新npm run dev,问题解决。

于是乎,研究一下报错的地方,就是“axisModel = undefined”这个鬼东西报错;

然后各种怀疑,怀疑dom组件加载未成功就进行了初始化,又怀疑echarts布局配置有bug(coordinateSystem: ‘cartesian2d‘,),折腾半小时后无果

于是使出最后一招“重启开发环境”:重新npm run dev,问题解决

后面试验了一下,发现浏览器加载了npm run dev 缓存的东西,当动态v-if去改echarts显示不显示时,也会报以上描述的错。渣渣的我只能简单的将该问题定义为:npm run dev缓存影响组件装载。

 

附上options配置:

options: { "xAxis": [{ "show": false,"type": "value" }],"yAxis": [{ "show": false,"animationDurationupdate": 1500,"animationEasing": "cubicOut","animationEasingupdate": "quinticInOut","series": [{ "type": "graph","layout": "none","coordinateSystem": "cartesian2d","zlevel": 3,"xAxisIndex": 0,"yAxisIndex": 0,"focusnodeAdjacency": true,"symbolSize": 10,"label": { "normal": { "show": true,"fontSize": 12,"position": "bottom","BACkgroundColor": "#fff","formatter": "{B}" } },"edgeSymbol": ["circle","arrow"],"edgeSymbolSize": [0,15],"data": [{ "name": "10.200.51.51","value": [1,0],"createtime": "2019/10/08 14:00:45","itemStyle": { "color": "#21B1ED" } },{ "name": "10.200.51.52","value": [2,20],"createtime": "2019/10/08 14:01:51",{ "name": "10.200.51.53",120],{ "name": "10.200.51.54","value": [3,40],"createtime": "2019/10/08 14:02:51",{ "name": "10.200.51.55","value": [4,60],"createtime": "2019/10/08 14:04:51",{ "name": "10.200.51.56","value": [5,80],"createtime": "2019/10/08 14:08:51","itemStyle": { "color": "#21B1ED" } }],"links": [{ "source": "10.200.51.51","target": "10.200.51.52","linestyle": { "normal": { "color": "#D1E1E7","opacity": 0.9,"width": 1,"type": "dashed","curveness": 0 } } },{ "source": "10.200.51.51","target": "10.200.51.53",{ "source": "10.200.51.52","target": "10.200.51.54",{ "source": "10.200.51.54","target": "10.200.51.55","curveness": 0 } } }] }],"tooltip": { "trigger": "item","BACkgroundColor": "#fff" }}

大佬总结

以上是大佬教程为你收集整理的Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined",重新npm run dev,问题解决。全部内容,希望文章能够帮你解决Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined",重新npm run dev,问题解决。所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。