1. Echarts概述

ECharts是百度开源的纯 Javascript 图表库,目前开源能够与highcharts相匹敌的一个图表库.反对折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供题目,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,反对多图表、组件的联动和混搭展示。

2. Echarts个性介绍

ECharts,一个纯 Javascript 的图表库,能够晦涩的运行在 PC 和挪动设施上,兼容以后绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,活泼,可交互,可高度个性化定制的数据可视化图表。ECharts 3 中更是退出了更多丰盛的交互性能以及更多的可视化成果,并且对挪动端做了深度的优化。

3.学习echarts须要的技能

1.JavaScript(70%)、HTML(20%)、CSS(10%)
2.学习网站:w3school,打通关之后前端应该没什么问题
3.高中统计(高中+、能应用Excel做出根本图标)
4.正常人领域内的设计美学

4.设施要求

Mac/Windows PC
Online
Chrome
Sublime/Notepad++/Emacs/TextMate/Vim
若是须要加载地图:MAMP(Mac)/EasyPHP(Windows)/IIS/Apache/Nginx

5. Echarts3.x与Echarts2.x的区别

echarts是百度推出的一个简略实用的图表控件,就集体看来,echarts2的大部分图表代码的可用性和好看性更好,相对而言,echarts3也有很多改良的中央,例如模块导入等和图标选项优化等,自己近期次要在用echarts做地图开发,就一些集体心得总结如下:

1、js文件:
 首先是dis文件,echarts3做了很大的优化,在echarts2中,对各种控件的类库治理的较为具体,有专门的目录构造来寄存相干的js文件及相干资源,然而在引入文件的时候往往会很不不便,可能会一不小心就漏掉一个文件,而echarts3能够依据须要在下载项下间接依据所需的性能构架类库,应用时只有导入一个echarts.min.js文件就能够。

2、文件导入:
在echarts2中,require是作为模块化加载的入口,在应用过程中对于门路配置常常会呈现问题,特地是制作地图的时候,而在echarts3中只须要在结尾加一句 <script src="js/echarts.js"></script>, 接下去只有调用接口就能够了。

3、离线地图:
echarts2中离线地图的精确度存在很大的问题,特地是下钻到区县一级,边界线存在含糊、穿插、空白等问题,并且经常出现飞地,与理论地图出入较大,集体认为根本没什么用,在echarts3中对此做了很大的改良,根本解决了以上问题,市与市之间、区县与区县之间基本上不存在连接问题。
         另外,在echarts3中能够依据须要自主构建地图,这个服务给理论应用提供了很大的便当。

4、工具栏:
在echarts3的toolbox外面把辅助线性能勾销掉了,图标变小了,总体上感觉echarts3外面的toolbox更丑了。

5、地图漫游工具:
在echarts3外面把地图漫游工具勾销掉了,说实话,echarts2外面的地图漫游工具看着还是挺不错的,尽管并没有什么用。

6、坐标系:
echarts3中,数据结构进行了统一化形象,最罕用的数据结构有:线性表、树、图。 echarts3中另一个重要的数据结构形象是独立出了“坐标系”概念。事实上在 ECharts 2 中曾经有grid、polar配置项存在,然而并不是按一个“坐标系”的了解去实现的。echarts3中,反对了直角坐标系(catesian,兼容 echarts2中的grid)、极坐标系(polar)、天文坐标系(geo)。

7、Option变动:
         1)组件地位想x、y等变成了left、top,能够应用像素和百分比,适应性更强。
         2)为了让构造更正当,echarts3中label被移出来和itemStyle平级。