echarts在.Net中使用实例(二) 使用ajax动态加载数据-白红宇

通过上一篇文章可以知道和echarts参考手册可知，series字段就是用来存储我们显示的数据，所以我们只需要用ajax来获取series的值就可以.

option


{color}backgroundColor	全图默认背景，（详见），支持rgba，默认为无，透明
{Array} color	数值系列的颜色列表，（详见），可配数组，eg：['#87cefa', 'rgba(123,123,123,0.5)','...']，当系列数量个数比颜色列表长度大时将循环选取
{boolean}renderAsImage	非IE8-支持渲染为图片，（详见）
{boolean}calculable	是否启用拖拽重计算特性，默认关闭，（详见，相关的还有，，，）
{boolean}animation	是否开启动画，默认开启，（详见，相关的还有，，，，）
{Object} timeline	时间轴（详见），每个图表最多仅有一个时间轴控件
{Object} title	标题（详见），每个图表最多仅有一个标题控件
{Object} toolbox	工具箱（详见），每个图表最多仅有一个工具箱
{Object} tooltip	提示框（详见），鼠标悬浮交互时的信息提示
{Object} legend	图例（详见），每个图表最多仅有一个图例，混搭图表共享
{Object}dataRange	值域选择（详见）,值域范围
{Object}dataZoom	数据区域缩放（详见）,数据展现范围选择
{Object}roamController	漫游缩放组件（详见）,搭配地图使用
{Object} grid	直角坐标系内绘图网格（详见）
{Array \| Object}xAxis	直角坐标系中横轴数组（详见），数组中每一项代表一条横轴坐标轴，标准（1.0）中规定最多同时存在2条横轴
{Array \| Object}yAxis	直角坐标系中纵轴数组（详见），数组中每一项代表一条纵轴坐标轴，标准（1.0）中规定最多同时存在2条纵轴
{Array} series	驱动图表生成的数据内容（详见），数组中每一项代表一个系列的特殊选项及数据

首先定义一个Serial类

接着将Serial实例化并将其转化为json格式(必须用大神器：Newtonsoft.Json.dll)，代码如下图

前台代码只需要用ajax来获取值并赋给option的serial属性即可

所见即所得

当然，最后奉上源码！

本文转自左正博客园博客，原文链接：http://www.cnblogs.com/soundcode/p/6253522.html，如需转载请自行联系原作者