在vue中使用echarts

最新推荐文章于 2023-03-05 17:51:22 发布
最新推荐文章于 2023-03-05 17:51:22 发布
阅读量307 收藏
点赞数
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42383283/article/details/112568094
版权

参考文章

问题：执行 npm install echarts 时，默认安装最新版，版本过高报错（[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘init’ of undefined”）
参考
解决方式：

  1. 卸载echarts模块
    npm uninstall echarts
  2. 安装指定版本echarts
    npm install echarts@4.2.1 --save
Nat_Jst
关注
专栏目录
ECharts v4.2.1 rc1
10-27
ECharts (Enterprise Charts 商业产品图表库)提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图，同时支持任意维度的堆积和多图表混合展现。Echarts deviceEcharts explorer  支持IE6/7/8/9+，chrome、firefox、safari、opera   (IE8- power by excanvas )特色我们诚挚邀请你翻阅这份在线文档 《 Why ECharts ? 》 你可以从中更直观的体验到ECharts的特性以及快速浏览到所有图表类型。*文档中展现的个别特性在IE8-中并没有得到支持，所以建议使用IE9+、chrome、safari、firefox或opera等现代浏览器阅读这份文档。Echarts mix混搭混搭的图表会更具表现力也更有有趣味，ECharts提供的图表（共11类17种）支持任意混搭：折线图（面积图）、柱状图（条形图）、散点图（
vue2 + Echarts(4.2.1) 版本
备忘璐的博客
12-18 1794
Echarts 运用-数据均为数据模拟全国地图柱状折线图饼图折线图雷达图象限图手写的浮窗比例盒子+排序 全国地图 柱状折线图 饼图 折线图 雷达图 象限图 手写的浮窗 比例盒子+排序 <block1 :data="completeData" /> completeData: { lrwcl: [100, 90, 80, 70, 60, 50, 40], name: ['数据1', '数据2', '数据3', '数据4', '数据5', '数据6', '数据7'],
最新的echarts在vue中的简单使用
myisyourbb的博客
06-18 380
什么是echarts ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。它遵循 Apache-2.0 开源协议，免费商用，且兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。 使用echarts ...
在Vue中使用Echarts 使用+封装+笔记
misschengispink的博客
11-29 1282
一 . 准备阶段 1.下载 npm install echarts -S 有时候版本过高会报错 换成 "echarts": "4.2.1" 2.全局引入 // 在main.js中引入echarts import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 3.创建文件Charts.vue以及盒子 <div ref="chart"></div> 4.一些网站 1.Echarts官网 配置项都在官网，附
vue里面运用Echarts
qq_47755376的博客
01-05 154
一：先安装echarts npm install echarts --save 注：echarts版本下载 4.9.0 vue 2.5.2不支持echarts最新版本会报错 二：在main.js中全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 三：创建图表 <template> <div id="app"> <div id="main" style="width:600px;
在Vue中使用echarts的方法
08-28
在Vue中使用ECharts的方法 Vue框架是当前最流行的前端框架之一，ECharts是中国最流行的数据可视化工具之一。在实际项目中，我们经常需要将ECharts集成到Vue项目中，以实现数据的可视化展示。因此，本文将详细介绍...
在vue中使用echarts(折线图的demo,markline用法)
10-15
在`mounted`生命周期钩子中，我们初始化ECharts图表，调用`this.$echarts.init()`方法创建图表实例，然后使用`setOption()`方法设置配置。 在`markLine`中，你可以根据需求配置不同类型的数据，如平均值、最大值、...
在Vue中使用Echarts实例图的方法实例
10-14
在Vue中使用Echarts涉及到几个关键步骤，包括安装Echarts、在组件中引入Echarts、创建Echarts图表容器、配置图表参数以及在合适的生命周期中挂载图表。 首先，需要在Vue项目中安装Echarts。可以通过npm或者yarn来...
Vue项目使用Echarts
ifmushroom的博客
09-16 497
vue项目引入Echarts图表
echarts4.2.1.zip
08-01
echarts4.2.1的js源码以及js和json文件格式的全国地图、全国每个省份的地图
vue使用echarts
qq_42430948的博客
01-12 434
安装echarts模块 npm install echarts -S 或者使用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install echarts -S 引入echarts 在main.js中 // 引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts draw() { // 绘制图表。
vue中使用echarts
ju__ju的博客
04-06 1982
下面是echats4.x版本的引入 1.package.json中加上下面代码,然后cnpm i 更新加入的echats4.x的包 "echarts": "^4.2.1", 2.main.js中加入下面代码,并挂载到vue上 Vue.prototype.$echarts = echarts 3.写一个div,固定宽高,methods中添加方法,在create或者mounted中调用 4.参照下面代码使用,setOption中复制官网实例就行了 ...
vue 下echarts卸载和安装指定版本
m0_54866636的博客
03-01 1109
卸载： npm uninstall echarts 安装指定版本： npm install echarts@4.9.0 --save 4.9版本下有地图，5.0版本以上失去这个功能，想要别的版本把@后的版本号改掉就行。
Vue 中使用 Echarts5.0 的一些问题（vue-cli 下开发）
sanye的博客
01-05 6030
问题 最新版的 Echarts5.0 使用 import echarts from 'echarts' 导入，会出发现导出的 echarts 是 undefined的情况，无法正常使用。 解决方案一 新版本有问题就用旧版本咯 # 卸载 Echarts5.0 npm uninstall echarts # 规定版本来安装（选择自己喜欢的版本安装） npm install echarts@4.8.0 --save # 导入使用 import echarts from 'echarts' 解决方案二
【Echarts】在Vue中使用Echarts
最新发布
weixin_46443403的博客
03-05 7465
Vue，Echarts
简单使用echarts
m0_49811662的博客
08-23 366
1、先把之前的版本卸载的指令 npm uninstall echarts --save 2、下载指定版本 npm install echarts@4.1.0 --save 3、在main.js中引入echarts import*asechartsfrom'echarts' Vue.prototype.$echarts=ec...
vue中使用echarts处理统计需求
reembarkation的博客
06-27 708
vue中使用echarts
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值