echarts问题总结

简单使用,参考文档即可(下边简单记录下)
https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts
安装

npm install echarts --save

一:准备一个画布容器

<div id="main" ref="main" style="width: 600px;height:400px;"></div>

二:引入(局部)

import echarts from 'echarts'

三:初始化(在vue中一般是在mounted钩子中操作dom)

// 基于准备好的dom,初始化echarts实例
    var myChart = echarts.init(this.$refs.main)

四:配置项和数据

 // 指定图表的配置项和数据
    var option = {}

五:显示

// 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option)

问题1:echarts初始化报错 init未定义
最开始也是不知道为什么,后来查了下,有大佬说是版本问题,我也重新安装了下,再进行,结果很丝滑。。。。特此记录下:
卸载原来的echarts@5.0.1

npm uninstall echarts --save

查看版本:

npm view echarts versions

安装4.8.0版本

 npm i echarts@4.8.0 --save   

结果就OK了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值