错误图片

首次加载,折线图加载不出来,并且在前端显示此错误,注意这并不是“未经定义就使用”相信你在页面搜搜,显示找不到这个未经定义的字段,这个错误大概意思是,首次加载没找到

 

1.确定版本是否合适,2022年以后的版本直接在终端输入

npm install echarts --save

命令下载的是5.0的版本,可以在后面跟个版本号把版本降低一点

卸载命令 

npm uninstall echarts

或者直接删除vue中的该包,然后重新运行下载命令,再下载指定版本

想要其他版本改版本号

npm install echarts@4.9.0 --save

 2.忘记在main.js文件中引入,直接在index.vue中引用了,这个我不确定是不是每个人都会出现这个错误,vue版本不同可能会有异。在mian.js中加上这两行就搞定了

 建议还是在main.js文件中引用

3.在index.vue页面上标签的id或者ref属性使用不明确,最常见的就是id重复,id和red两者建议同时只存在一者,两者同时存在我也没试过,成功显示出来之后我也不想试了。最关键的一步

用 这个函数包裹起来你的折线图数据

this.$nextTick(() => {}

这样一来最基础的已经完成了附加功能比如拖拽在此基础上完成

 

好文阅读

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。