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