由于最近太忙，搞的自己不怎么想写东西了，实在是不应该不应该，应当坚持！
最近由于各种需求，需要做一些统计图，然后找到了目前貌似挺火的echart。一开始看起来图表挺多的，功能也强大。就先在官网下载好最新的echarts.min.js（echart下载页面有几种版本，我是直接下载完整版），然后就开始查看官网的文档以及例子。挑选了两个看上去比较普遍使用的饼图和折线柱状图来练习。
根据官方的教程，在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器，我就建立了两个宽高足够的div来放我的图，如果宽高不够，图会显示不完整。
然后在官网的实例中找到我要的图，并且复制代码到我的js文件里面。
然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的饼图在页面上。
这样就完成了吗？当然不是，例子的数据是已经写好的静态数据，这肯定不符合我们的要求，我要放的是动态数据，那该怎么做呢？这应该就是涉及到了前后端的交互问题了吧，我也不是很懂，那怎么办呢，这时候就需要百度了（手动滑稽）。然后我就参考了一下各位大神的经验，首先我要明确好数据交互的目的是什么？我目前的理解就是从前端发送一个数据到后台，接着后台会返回我们一个数据，有了这个数据我们就可以渲染到页面的dom文档去。然后再看看有几种方法：
1. 利用cookie
2. 利用Ajax
3. jsonp
4. 服务端渲染
5. webSocket 和 Socket.io
6.利用session对象
好吧，方法很多，也各有特点，我就了解过ajax，能够异步刷新，在不刷新整个页面的情况下维持与服务器通信，所以这次打算用ajax来获取后台的数据，原生ajax还不熟悉，先用jQuery的ajax()方法吧。但是用ajax()之前还有个问题，从哪里去获取数据？于是我就打算在本地写好数据。把数据放在一个json文件里面，再用ajax去获取。这里说到了json，我也是第一次使用，感觉json的格式要求非常严格，必须书写成：名称/值对 的格式，然后json文件里面不能有多余的逗号或者注释之类的（一开始写了注释导致报错）。
这里还有另一个问题，ajax调用本地的json文件涉及到了浏览器的安全协议然后会报跨域错误。然后在百度找到的方法是可以在chrome中可以用--allow-file-access-from-files 命令来解决，在chore的属性设置-快捷方式的目标里面添加，然后就Chrome就可以用ajax请求本地文件了。
把ajax()放在ready(function(){})中，让页面加载之后就获取数据。url就写本地json文件的路径。请求成功后执行suceess的方法
eone(Data)把接收到的数据包data传入eone()方法里面，eone()方法我用来初始化接收到的数据包，并处理成对应统计图（饼图）的data格式传入到对应的方法里面去。
最终的结果准确无误地出来了
