可视化-echarts流向图制作及recharts

前段时间用echarts做了流程图，在此记录下制作步骤。

一、Echarts是什么

Echarts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，一个纯 Javascript  的图表库，能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的 Canvas 库 ZRender，ECharts 提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。

二、Echarts的特点

1. ECharts 属于开源软件，并且我们提供了非常炫酷的图形界面，特色是地图，另外还提供了柱状图、折线图、饼图、气泡图及四象限图等； 
2. ECharts 使用简单，在官网中为我们封装了 JS，只要会引用就会得到完美的展示效果； 
3. ECharts 种类多，ECharts 实现简单，各类图形都有；相应的模板，还有丰富的 API 及文档说明，非常详细； 
4. ECharts 兼容性好，基于HTML5，有着良好的动画渲染效果

三、Echarts官网（下载和教程）

echarts 2.0