1、第一步我们先找到Echarts的文档
2、第一步先下载Echarts
3、下载之后,再想办法,将Echarts下载下来
4、在哪里引入Echarts,哪里用,就在哪里写
5、Echarts用的是命名导出,要加大括号
6、把所有对象导出,形成对象
7、我想要在这个盒子里放一个容器
8、把这一个名换一下
9、这里初始化失败,怎样解决报错问题呢?
10、Vue中先执行WebPack,会将js先执行了,执行到这里,是没有Dom的,所以获取到了一个
11、在外面写是错误的,什么时候,我能够获取到div的真实容器,不能在外面写,在外面写的时候,create,还没有创建呢。
12、要在mounted里写,为了看起来方便,我们专门封装一个函数
13、现在先初始化面积图
14、组件调用后,再创建Echarts
15、git 提交,Vue项目中引入,Echarts的讲解
--------------------------------------------------------------------------------------------------------------------------------
现在我们看到了已经将Echarts给引入进来了,点击示例
找到一个最相近的,再去找一个文档的配置手册
1、这里我要直接,拿我们的配置项复制过来
2、替换掉,我的option对象
3、替换之后,变成了面积图了
4、
5、这三个方法,你可以将他拿过来
6、
7、饼状图,第二行,第二列,选中这一部分的内容
8、最终写法
9、初始化饼状图和面积图
10、最后我们用git 提交,git push一下