就图表类的展示而言，前端有着许多功能强大的框架，单是国内就有好多国人开发的三方框架，其中最为出色、使用最为广泛的是百度出的ECHARTS了，尤其是ECHARTS3的推出，使得其在移动端可以完美的兼容。
其实，不少的框架功能都较强大，而且都做了移动端的适配，但是，和ECHARTS相比，ECHARTS有着很多别的框架不具有的优势。
ECHARTS优势
- 丰富的文档和示例
ECHARTS的官网有着详尽的API接口解释以及所有类别图表的示例，开发者可以直接通过示例快速上手ECHARTS，很方便
- 炫酷的动画效果
和其他框架相比ECHARTS的设计更具有一种扁平化和现代化的视感。
- 图表库全，支持地图
当前的三方图表框架几乎都没有地图相关的图表，而ECHARTS和百度地图实现了很完美的结合。
- 拖拽重计算
拖拽重计算特性带来了数据统计图表从未有过的用户体验，允许用户对统计数据进行有效的提取、整合，甚至在多个图表间交换数据，赋予了用户对数据进行挖掘、整合的能力。
- 支持大数据
ECHARTS的能够支持海量数据的图表快速生成。
- 数据区域选择
数据可以是无限的，但显示空间总是有限的，数据区域选择组件提供了大数据量中漫游的能力，让用户选择并呈现他所关心的数据区域。配合随动的均值（极值）标线，标注展现强大的数据剖析能力。
- 大规模散点图
如何展现成千上百万的离散数据从而找出他们的分布和聚类？貌似除了用专业的统计工具（如MATLAB）外别无选择？而ECharts发明了基于像素的大规模散点图，一个900 x 400的散点区域就能够毫不重复的呈现36万组数据，这对于常规的应用，用现代浏览器就足以轻松展现百万级的散点数据！
- 动态添加数据
- 丰富的事件交互
可以捕获的用户交互和数据变化事件实现图表与外界的联动
- GeoJson地图扩展
内置地图由标准GeoJson地理数据并经过高效的压缩算法压缩生成的地图数据（大小仅为标准geoJson的30%左右）驱动而来。如果内置地图类型或数据如果并未满足你的项目需要，可通过简单动态注册产生你所需要的新类型。
ECHARTS兼容性
ECHARTS3的兼容性做的非常的好，在PC端IE能够支持IE8及以上以及其他主流浏览器。在移动端，能够完美支持Android和IOS应用。
移动端的HTML应用
和PC端的不同
移动端有很多情况是和PC端不一样的，比如屏幕大小的自适应、不同触摸动作的识别、输入方式等。因此，在用HTML进行移动端开发时，要考虑不少专门应对与移动端的问题。
解决方案
前端技术正在迅速的发展着，各种优秀的框架和方案层出不穷，就移动端而言，也有着很多的成熟的框架和解决方案。而当前使用最广泛的主要有三类，分别是： ionic、framework7以及REACT，这三类框架最大的特色都是在于其能够自动的将移动页面转化成APP应用。而三类框架本身又分别有着各自的特色，几乎难分伯仲:
- REACT NATIVE可以生成原生体验的应用，REACT独特的编程的思想是其最大的特色.
- framework7有着丰富的样式库，其设计优美，主要针对于IOS的开发。
- IONIC有着丰富的样式库和各种组件，最大的特色就是它是基于ANGULAR的。
我们采用的方案
基于上面的比较，我们可以使用 IONIC + ECHARTS 的方式去实现移动端的图表展示：
- ECHARTS3图表丰富，支持地图。
- ECHARTS3图表设计优美，可配置性强。
- ECHARTS3完美支持移动端
- IONIC基于ANGULAR，ANGULAR的MVVM思想非常的利于业务的开发，而之前的项目一直用的ANGULAR，所以开发成本相对会低一点。
- IONIC的样式库非常的漂亮，简单而强大的命令行工具更是让开发变得简单。
- IONIC有着丰富的控件，基本能够满足大部分的需求，而且都能够很轻松的自定义。
- IONIC对安卓和IOS的兼容性考虑的比较完善，一些兼容性的问题都有着详细的说明和解决。
- 能够一件生成APP。
网友评论