Echart的小总结

Echarts总结

1.文章由来

近来因为本人开始了实习生的工作，兴高采烈的准备开始代码生涯，谁知第一个让我有写博客的项目，居然是一个前端框架，作为一个后端工程师被招聘进来的我，无语凝塞。话不多说开始记录。

2.Echarts简介

Echarts官网
因为公司在做一个车联网的平台，那么自然少不了地图插件。Echarts作为Apache基金会下的开源项目，那么就是一个非常不错的选择。
此插件可以用于绘制各种各样的图表，例如：

我们当然选择地理坐标地图。

开始绘制地图

热点地图官方例子
文件的引入，不在赘述。这里只将自己印象深刻的点记录下来，以备以后有再次使用的需要。

数据

绘制地图自然少不了数据，这里的数据分为两部分：1.用于绘制地图的地理坐标数据。2.你想要在地图上渲染的数据。
1.地理数据

这里用js数据引入到项目中
2.用ajax从后台拿来的数据

这里的数据可以根据自己的需求进行自定义，例如

data: [
{
name: 	example,
value:	20,
level:	40,
number:	60
}
]

这里会有一个转换数据的方法，来进行数据的转换/推送

 var convertData = function (data) {
              var res = [];
              for (var i = 0; i < data.length; i++) {
              //省市地名
                var geoCoord = geoCoordMap[data[i].name];
                if (geoCoord) {
                  res.push({
                    name: data[i].name,
                    //地名对应的数据
                    value: geoCoord.concat(data[i].number),
                    data: data[i].level,
                    number: data[i].number
                  });
                }
              }
              return res;
            };

数据的处理暂时告一段落，接下来就是对地图的设置和配置部分了。

配置

这里直接上代码吧，注释我