echarts 的使用 及 echarts 引入中国地图

echarts 使用起来说简单也很简单，但是里面配置项太多啦！！ 整合下知识点，希望能对你有帮助，希望大佬多多指教 ！！ 今天又是美好的一天呢！ 嘿嘿嘿 🥰

---

一、使用 echarts （五步骤）

1. 下载并引入 echarts.js
2. 准备一个具体大小的dom 容器
3. 初始化echarts 实例对象
4. 制定配置项和数据
5. 将配置项设置给echarts 实例对象

• 其实很好理解，图表依赖这个js库，所以要引入；生成的图表会放入这个容器中；实例化echart对象；最重要的一点就是 根据具体需求修改配置选项，得到想要的目的；最后让那个echarts 对象根据修改的配置生效。
• 其实这五步都是有固定的写法方式，我们最主要关注的就是第四步，如何修改配置项

二、如何修改配置项

• 我们可以看到，这个option 就是我们的核心配置，他是一个对象，里面几个属性都代表什么意思呢？
• 在菜单栏上面，可以通过 文档 -> 配置项手册 查看具体每隔个属性的意思
• 常见的几个属性：
  

三、echarts 社区

我有一个新需求，需要引入中国地图，我看了echarts 官网并没有我想要的图表，其实有些echarts社区，是一些技术大牛写好开发好上传的，我们可以直接拿来用，给大家推荐几个我觉得比较好用的社区

1. makeapie

网址：https://www.makeapie.cn/echarts

2. Chart.Top

网址：http://chart.365api.cn/#/

3. YX-Chartlib

网址：http://chartlib.datains.cn

4. PPChart

网址：http://ppchart.com/#/

5. isqqw

网址：https://www.isqqw.com/

四、引入地图

1. 第一需要下载china.js 提供中国地图的js 文件（好像是5版本之前的echarts 都会自带的有，引入一下就ok）
2. 使用社区提供的配置项，根据自己的需要再次进行修改即可，比如这个option 就是我需要引入的