通过上一篇文章可以知道和echarts参考手册可知，series字段就是用来存储我们显示的数据，所以我们只需要用ajax来获取series的值就可以.
option
| 名称 | 描述 |
|---|---|
| {color}backgroundColor | 全图默认背景，（详见backgroundColor），支持rgba，默认为无，透明 |
| {Array} color | 数值系列的颜色列表，（详见color），可配数组，eg：['#87cefa', 'rgba(123,123,123,0.5)','...']，当系列数量个数比颜色列表长度大时将循环选取 |
| {boolean}renderAsImage | 非IE8-支持渲染为图片，（详见renderAsImage） |
| {boolean}calculable | 是否启用拖拽重计算特性，默认关闭，（详见calculable，相关的还有 calculableColor， calculableHolderColor，nameConnector， valueConnector） |
| {boolean}animation | 是否开启动画，默认开启，（详见 animation，相关的还有 addDataAnimation， animationThreshold，animationDuration， animationDurationUpdate ， animationEasing） |
| {Object} timeline | 时间轴（详见timeline），每个图表最多仅有一个时间轴控件 |
| {Object} title | 标题（详见title），每个图表最多仅有一个标题控件 |
| {Object} toolbox | 工具箱（详见toolbox），每个图表最多仅有一个工具箱 |
| {Object} tooltip | 提示框（详见tooltip），鼠标悬浮交互时的信息提示 |
| {Object} legend | 图例（详见legend），每个图表最多仅有一个图例，混搭图表共享 |
| {Object}dataRange | 值域选择（详见dataRange）,值域范围 |
| {Object}dataZoom | 数据区域缩放（详见dataZoom）,数据展现范围选择 |
| {Object}roamController | 漫游缩放组件（详见roamController）,搭配地图使用 |
| {Object} grid | 直角坐标系内绘图网格（详见grid） |
| {Array | Object}xAxis | 直角坐标系中横轴数组（详见xAxis），数组中每一项代表一条横轴坐标轴，标准（1.0）中规定最多同时存在2条横轴 |
| {Array | Object}yAxis | 直角坐标系中纵轴数组（详见yAxis），数组中每一项代表一条纵轴坐标轴，标准（1.0）中规定最多同时存在2条纵轴 |
| {Array} series | 驱动图表生成的数据内容（详见series），数组中每一项代表一个系列的特殊选项及数据 |
首先定义一个Serial类
接着将Serial实例化并将其转化为json格式(必须用大神器：Newtonsoft.Json.dll)，代码如下图
前台代码只需要用ajax来获取值并赋给option的serial属性即可
所见即所得
当然，最后奉上源码！
本文转自左正博客园博客，原文链接：http://www.cnblogs.com/soundcode/p/6253522.html，如需转载请自行联系原作者
