关于echarts导入使用以及相关配置梳理_echart refs

1.获取echarts

npm install echarts -s 

2.建立一个有大小的容器

3.引入echarts并创建实例

4.配置项和数据

5.将配置项放入echarts实例中

注：如果结合vue框架使用，初始化echarts实例的时候用this.$refs.ref的属性值  去获取dom元素（需要在容器设置属性ref，并给一个名字即为ref的属性值）

并将3-5放入到组件的mounted钩子函数里，因为dom挂载完毕才能获取真实dom元素，否则会报错。

注：导入不同的可视化图表关键在于配置项和数据，里面的配置需要查阅官方文档，并根据项目需求更改各属性。

关于地图使用需要下载相关js文件，比如想用中国地图可以下载js文件并导入(import  ./china.js)，并在option里面设置geo:{map：'china'}

如果echarts官方实例不能满足需求，可以到相关galler社区去查询：https://www.makeapie.com/explore.html