Highcharts，图表，组件，ajax，asp.net，大数据  

 本文为原创型文章转载请尊重他人劳动成果并注明出处：?273

 可以扫描本站该博客文章的QR二维码进行访问  

上一篇：关于Highcharts高性能图表组件使用问题汇总大集合

下一篇：FusionCharts和Highcharts两大图表组件的巅峰对决

加精 53 踩扁 0

 查看评论

jx  2015-8-31 15:56:25  4楼   

通讯不上啊，一直是预置的12组数。

EVERY_DAY  2014-10-23 10:55:57  3楼   

这个资源挺好的,不过有个问题挺奇怪的,怎么没有动态效果呢?

 1楼  highcharts  2014-10-28 17:00:07   

[回复：EVERY_DAY]：你所指的动态效果是实时获取数据的动态还是图表渲染的动态效果？

1、如果是实时获取数据的动态效果，这个你需要自己写一个setInterval(code,speed)定时器去通过ajax获取数据赋值给图表，且最好后台返回的数据也在实时变动，这样才有动态的赶脚；

2、如果是图表渲染的动画效果，可以通过设置duration属性值来控制渲染速度，具体可以访问：?813

希望这个解答是ok的。

叶落无痕  2014-5-11 13:54:45  2楼   

Response.Write(rel.ToJson()); ToJson()是什么啊？

 1楼  技术控  2014-5-11 16:31:22   

[回复：叶落无痕]：ToJson()是一个封装好的方法，可以直接将List对象转换为Json对象。

asp.net Ajax开发需要把Object，List,DataTable转为json格式，以方便操作自己整理一个JsonHelper类方便使用，这里提供一个公用的JsonHelper的公用类，需要引用using System.Web.Script.Serialization;

public static class JSONHelper { /// <summary> /// 返回对象序列化 /// </summary> /// <param>源对象</param> /// <returns>json数据</returns> public static string ToJson(this object obj) { JavaScriptSerializer serialize = new JavaScriptSerializer(); return serialize.Serialize(obj); } /// <summary> /// 控制深度 /// </summary> /// <param>源对象</param> /// <param>深度</param> /// <returns>json数据</returns> public static string ToJson(this object obj, int recursionDepth) { JavaScriptSerializer serialize = new JavaScriptSerializer(); serialize.RecursionLimit = recursionDepth; return serialize.Serialize(obj); } /// <summary> /// DataTable转为json /// </summary> /// <param>DataTable</param> /// <returns>json数据</returns> public static string ToJson(DataTable dt) { Dictionary<string, object> dic = new Dictionary<string, object>(); int index = 0; foreach (DataRow dr in dt.Rows) { Dictionary<string, object> result = new Dictionary<string, object>(); foreach (DataColumn dc in dt.Columns) { result.Add(dc.ColumnName, dr[dc].ToString()); } dic.Add(index.ToString(), result); index++; } return dic.ToJson(); } }

而文中的ToJson()只是再次基础上做了二次封装而已，希望这个公用类对你有用。谢谢你的回答。

roby  2013-9-18 11:40:26  1楼   

正是我想要的资源！

 关联阅读

01 ECharts图表初级入门教程之xAxis-axisLabel:如何设置X轴坐标刻度的样式

02 highcharts图表中级入门之xAxis label：X(横)坐标刻度值过长截断多行(换行)显示问题说明

03 ECharts图表中级入门之itemStyle：如何让数据点的数据值非常直观地显示以及位置控制

04 关于页面动态创建多个highcharts图表所产生的问题汇总以及分析

05 highcharts图表中级入门之dirlldown：如何实现pie(饼状图)的下钻图

06 highcharts图表入门之stackLabels：堆叠图(stacking)中如何显示每一组数据的总数于柱子之上

07 ECharts图表组件入门教程：如何动态读取数组内的数据至echarts图表且动态更新图表Y轴刻度单位

08 highcharts图表之bubble：气泡图的气泡大小控制以及影响因素剖析

09 ECharts图表组件中级入门（Axis-axisLabel）：图表坐标刻度过多如何设置刻度间隔（interval）以及配置说明

10 ECharts图表初级入门篇：如何配置ECharts图表相关文件以及基本配置呈现最基本线性图表

11 highcharts入门之tooltip：如何设置数据点不显示数据提示框且显示十字丝crosshairs

12 highcharts图表高级入门之polar：极地图的基本配置以及一些关键配置说明

13 ECharts图表入门初级篇：如何设置绘图区域(grid)和容器大小一样