简单使用,参考文档即可(下边简单记录下)
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了

被折叠的 条评论
为什么被折叠?



