Echarts快速上手

一、echarts.js的优势与总体情况

echarts.js作为国内的IT三巨头之一的百度的推出一款相对较为成功的开源项目，总体上来说有这样的一些优点

1、echarts.js容易使用

echarts.js的官方文档比较详细，而且官网中提供大量的使用示例供大家使用

2、echarts.js支持按需求打包

echarts.js官网提供了在线构建的工具，可以在线构建项目时，选择项目所需要使用到的模块，从而达到减小JS文件的体积

3、echarts.js开源

4、支持中国地图功能

这个在其他的一些框架中是没有的，所以为这个功能点个赞

但是echarts.js也存在着一些不好的地方，比如说：

1、echarts.js的体积较大

一个基础的echarts.js都要400K左右，相对于D3.js和hightcharts.js来说都是比较大的

2、echarts.js的可定制性差

说到echarts.js的定制性差，其实不止是包括echarts.js，hightcharts.js也是如此，因为这一类型的数据可视化框架主要是高度的进行分装，所以你在使用的时候只需要设置一下配置就可以了，但是如果是出现了要绘制配置中不支持的图表怎么办，那么你就只能放弃，尝试着使用其他的框架了

总的来说:从大的方向上面来看，echarts.js还是值得去了解学习使用的，因为echarts.js得到了百度团队的重视，在git上面的更新也是比较的频繁，所以不会出现一些比较严重的bug之类的，最后这款框架一点就是框架的配置文件相当的详细，但是交互API文档虽然有说明，但是还是没有示例来举证，这个可能就是我认为的一个不足之处吧

二、简单的小demo

首先我们要去echarts的官网把整个实例下载下来，找到里面的核心文件echarts-all.js ，要引入到项目中，当然如果你不想这样，
也可以按需引入，具体操作官网的五分钟快速上手里面有详细介绍，一定要注意不单单只引入echarts.js 还要引入对应类型的图表的js文件，不然效果是出不来的！记住，echarts是玩出来，祝你玩的开心!

微信图片_20190611113035.png