vue 引入 echarts 报init的问题

最新推荐文章于 2022-11-07 21:14:39 发布
最新推荐文章于 2022-11-07 21:14:39 发布
阅读量650 收藏
点赞数
分类专栏： vue echarts 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44974765/article/details/115086077
版权

vue 引入 echarts 报init的问题

这个时候看一下你下载的echarts 是不是直接下载的，这个日期的echarts是 5 的版本，我们不要这个最新的

卸载它

npm uninstall echarts --save

后续再随便下一个旧的版本

npm install echarts@4.8.0 --save

@后面的就是版本号，这个时候就可以了不会报错了

屿筱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ECharts学习--在vue中使用
方塘半亩
03-03 344
cnpm install echarts --save import echarts from 'echarts' Vue.prototype.$echarts = echarts // 基于准备好的dom(宽高已设定)，初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('main')); 基本配置 ...
vue+echarts数据显示通用模板
05-31
整合了柱状图、饼图、地图、表格等的数据展示通用模板，开箱即用
vue 引入 echarts 报init的问题
jiangyue2694的博客
12-03 2254
vue 引入 echarts 报init的问题 今天是2020 12 03 记录一下echarts 的问题 使用方式我就不写了，百度一下很多的。 这里我要说的是，按照要求引入了echarts init会报错 这个时候看一下你下载的echarts 是不是直接下载的，这个日期的echarts是 5 的版本 这个时候我们不要这个最新的 卸载它 npm uninstall echarts --save 后续在谁便下一个旧的版本 npm install echarts@4.8.0 --save @后
vue 引入 echarts，init初始化报错
weixin_43484014的博客
05-06 8568
vue 引入 echarts，init初始化报错 1.下载echarts npm install echarts --save 2.页面中引入，我只有一个页面需要引用到echarts，所以就直接在页面中引入 import echarts from 'echarts' 3.在methods中写对应的例子 myEcharts() { this.chart = echarts.init(document.getElementById('main')) this.chart.setOp
在vue中使用Echarts
zhcinit0的博客
05-19 244
官网例子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></script> </head> <body> <!-- 为ECh
vue 引入echarts init报错
qq_36818931的博客
02-01 610
文章目录记录一个错误 记录一个错误 vue导入echarts5.0版本，会报错。 Cannot read property ‘init’ of underfined 解决方案：卸载5.X版本，使用4.X低版本
vue 项目引入echarts 添加点击事件操作
10-14
主要介绍了vue 项目引入echarts 添加点击事件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue_echarts_treemap.zip
06-28
vue 2.x echarts treemap带示例数据及效果图,及在对话框里显示的处理方法
vue-echarts可视化模板
06-04
vue的可视化模板，echarts的使用以及适配页面
vue中echarts3.0自适应的方法
08-27
主要介绍了vue中echarts3.0自适应，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue 中引入echarts 图表
zyx的博客
01-05 1521
首先 Vue install echarts -S  //安装echarts 在main.js中将echarts引入 import echarts from 'echars' Vue.propotype.$echarts = echarts //这样就已经引入成功了 //在组将中的调用 在mounted钩子函数中调用 let myChart  = this.$echarts.init(
vue使用 echarts总结
weixin_45799605的博客
01-16 1729
第一步先试用echarts.init()方法: 在获取dom元素后 可以通过echarts.init() 创建echar实例 因为echarts里需要使用dom来挂载画布,我通过 ref 获取dom节点(ref是在dom渲染完成之后才有的) 所以在使用echarts时要在生命周期mounted(){}钩子中调用 或者使用this.$nextTick(()=>{})中调用(它会在dom更新...
vue使用 echarts 3d echarts_esm_echarts__WEBPACK_IMPORTED_MODULE_0__.registerPostInit is not a function
qq_36094686的博客
12-22 5317
查看vue中echarts 和echarts-gl版本 卸载 当前echarts和echarts-gl npm uninstall echarts-gl npm uninstall echarts 这里echarts有个版本为4.0.1 npm install --save echarts@4.1.0 //再安装3d npm install --save echarts-gl 启动vue ...
uniapp小程序中引入echarts
qq_45164516的博客
06-15 4015
uniapp微信小程序中引入echarts
echarts在vue2中的简单使用
weixin_47030180的博客
11-20 5405
因项目需要，需要大量的展示数据，但是大量的使用表格对于界面观感不好，所以采用了echarts来对数据进行展示，下面我来详细介绍echarts在vue中的使用方法： 在vue中安装echarts 以vscode编辑器和vue-cli为例 用vue创建项目这里一笔带过 打开终端使用命令行输入 npm i echarts--save 在package.json中可以查看到 3.为了使用的方便我们选择将在vue的原型上加入echarts 打开 main.js import echarts from '
echarts之init报错
追梦少年的博客
01-20 7977
echarts安装后报init错误解决方法@TOC init报错 查看package.json文件中echarts版本，如果是5.0以上的版本请卸载安装指定版本4.2.1，然后就不会报错了
在小程序中使用echarts，动态渲染echarts的拙见
weixin_43839002的博客
04-22 7324
hello,大家好 我是前端 钻石 青铜段位的阿乐，
Echarts的init方法
weixin_43253044的博客
11-07 8545
需要根据用户选择的分布模型，在同一块div上显示不同的分布模型。那么就需要复用这一个div容器
在微信小程序中使用 ECharts
热门推荐
nmyangmo的专栏
03-01 7万+
ECharts 和微信小程序官方团队合作，提供了 ECharts 的微信小程序版本。开发者可以通过熟悉的 ECharts 配置方式，快速开发图表，满足各种可视化需求。 体验示例小程序 在微信中扫描下面的二维码即可体验 ECharts Demo： 下载 为了兼容小程序 Canvas，ECharts提供了一个小程序的组件，用这种方式可以方便地使用 ECharts。 首先，下载 G...
vue 引入 echarts
最新发布
04-29
在Vue中引入echarts可以通过以下步骤进行： 1. 首先，你需要在项目中安装echarts。可以使用npm或者yarn命令进行安装，例如： ``` npm install echarts --save ``` 或者 ``` yarn add echarts ``` 2. 在Vue组件中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值