高质量编码-EchartsLayer

在GIS中，对于有方向属性的线数据，比如河流流向，管网流向，使用有动画流动效果的表示更为形象。

好在已经有大牛基于echarts和Arcgis Javascript API自己编写了名为EchartsLayer的图层，让我们很容易的在自己的Arcgis JS API开发的GIS平台中实现这种效果。

只是demo,美国主要河流的实际流向可能与地图河流方向效果不同

初始化EchartsLayer，根据EchartsLayer初始化一个echart对象

使用echart的setOption传入数据和样式

熟悉echart的对这个option应该很熟悉，option表示echart图表的样式和数据

echart接受的数据格式，起点终点坐标对组成的数组

通过上面EchartsLayer需要的数据格式，我们可以看出这种数据表示的是一系列只有两个端点的直线，流向动画效果也是用一条轨迹从每一条直线的起点端点移动到直线的终点端点表示的。但是对于我们GIS中常用的shapefile格式，我们如何使用EchartsLayer来实现线的流动动画效果呢？下节我们将分别介绍用前端js和后台代码来将线类型的shapefile文件转换为这种json格式。