ECharts是百度一个使用 JavaScript 实现的开源可视化库，提供了创建多种多样的图标方式，包括坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图，同时支持任意维度的堆积和多图表混合展现。
ECharts用来做什么？
帮助我们简单实现数据可视化，以图表的方式呈现在页面中。
既然是基于JavaScript，首先我们要明确其前端定位，对于前端人员来说，应该算是提供了一种方便的插件供其选择，于后端人员来说，如果你的公司没有招前端人员（这种公司目前来看还有很多,Jsp+企业节源催生的毒瘤啊...），开发模式也不是目前流行的前后端分离，你是一脚踢的那种，而且项目需要用到很多前端图表展示数据，那么ECharts应该能帮助到你。（下面废话有点多，建议直接跳至正文）
本人为后端人员，但是w3cschool和JQuery等等手册还是翻阅过不少，基本上给个静态页面，边查边敲能够捣鼓出来，但是涉及到什么复杂动态交互，浏览器兼容就摊手了。说这些不是为了说自己一个后端还懂不少前端知识什么的，相反恰恰说明了很多时候，你的工作环境对自己的学习方向的引导。
举个例子，刚毕业不久，你应聘的是Java程序员----熟悉MySql数据库！熟悉Servlet/Jsp/熟悉SSH!熟悉...
面试官：索引是什么？熟悉存储过程吗？负载均衡怎么实现？会设计高并发解决方案吗？最后一个问题，前后端分离了解吗
你：（闷闷缩缩）不太了解。
面试官：公司没有前端，明天过来上班。
接下来的一段时间里，你可能会面对很多个jsp页面，在这个背景色，那个边框宽，这个移入移出，那个点击交互中，不断挣扎，又喘息着，配合这个产品原型不断的更迭，你开始怀疑人生。
过了一段时间，公司开始让你参与后端开发任务，数据库！Controller中CRUD一键到底!渐渐的你觉得自己已经是一个真正的Javer了，然而公司没有前端，你还是摆脱不了那些烦人的标签、样式以及该死的JavaScript。你觉得自己翅膀硬了，涨本事了，底气足了，辞职走人。
过了一段时间，也许你能通过你优异的面试表现，找到真正的前后端分离工作，专注于后端开发；同时也许你会通过同样优异的面试表现，找到真正的还是传统的一脚踢工作，但是薪资涨了不少。事实上，现在前后端分离被提及的越来越多，但是每个公司的开发模式会一样吗？公司的头是老板，懂技术的老板绝对有，但只是一部分，不懂技术的老板懂理财，花五千分别招一个前端和后端，和花七八千招一个全栈，老板会选谁？效率和管理那些不考虑。有的人坚定自己的方向，只做后台，前端看都不会看的，你跟我说加两三千块让我把前端也干了，不存在的。也有的人会愿意做，加两三千少了？加七八千，加一两万？都说不准，我之前也会觉得很容易做出选择，现在不以为然。佛系程序员，莫非于此也有渊源...只能说，每个人的生活处境不一样，抉择的考虑点也不尽相同吧。
其实我是很痛恨全栈这个词的，如果把全栈当做优势，感觉后台人员懂一点Html/CSS，能写两句JQuery就觉得自己是全栈了，现在想来很可笑。觉得自己什么都懂一点的人，和什么都不懂其实是差不多的。
前面提到了我不想用ECharts，缘由便是前面的偏执，觉得用了ECharts就干了前端的活，无法专注自己的方向一系列。但终究是用过，奈何还挺好用...所以想好好的总结一下使用过程。
ECharts光速上手ECharts有不同的版本，接触过2.0系列,3.0系列（常用，本文也以其示例），目前2018年已经出到了最新的4.0后版本
进入3.0官网首页，可看到如下页面
箭头所指均为我们常用的注意点。
文档：相当于我们的查询手册，建议将其设为书签
下载：点击这里获取3.0系列下载包
实例和社区，那些官方示例等图表样式我们可以在这里查看获取自己想要的效果
2.0：可切换至2.0版本，其中也包含大量的示例。
上手步骤1.上面文档中有5分钟上手ECharts模块，如下图所示，可以快速对照练一遍
2.实际开发中，可能需要去示例和社区中寻找合适的图表来匹配需求，所以下面可以浏览实例和社区模块，以其中一个柱状图为例