基于Jquery highcharts 图表控件,求好心人 .

问题描述

求个动态加载的柱图和曲线图的例子,谢谢。100分求好心人.

解决方案

解决方案二:
http://blog.csdn.net/zhengzhichen/article/details/6614600ASP.NET中动态获取数据使用Highcharts图表控件
解决方案三:
其中的DataTabledt修改为你的数据库的数据就可
解决方案四:
series:[{type:'spline',name:'人数',marker:{symbol:'url(images/02.png)'},data:<%=returnValue%>,yAxis:0,color:'#FF9C23'},{type:'column',name:'分数',data:<%=returnValue1%>,yAxis:1,color:'#FFFFFF'}] 这样有曲线与柱状图
解决方案五:
去看我之前做过项目的一例子吧,,,http://blog.csdn.net/make1828/article/details/41745513
解决方案六:
去看我之前做过项目的一例子吧,,,http://blog.csdn.net/make1828/article/details/41745513
解决方案七:
前端参考代码:<scripttype="text/javascript">functionshowSale(startTime,endTime){varsaleChart;$("#Loading").show();varoptions={chart:{renderTo:'containerSale',type:'column'},title:{text:'各销售团队销售量'},subtitle:{text:'--数据为各团队成员销售量的总和'},xAxis:{categories:[]},yAxis:{min:0,title:{text:'单位(单)'}},legend:{layout:'vertical',backgroundColor:'#FFFFFF',align:'left',verticalAlign:'top',x:100,y:70,floating:true,shadow:true},tooltip:{formatter:function(){return''+this.x+':'+this.y+'单';}},plotOptions:{column:{pointPadding:0.2,borderWidth:0}},series:[]};//读取部门数据$.ajax({type:"POST",url:"/Tool/GetBusinessDept",success:function(msg){dept=[];$.each(msg,function(i,d){dept.push([d.DeptName]);});options.xAxis.categories=dept;//读取销售数据$.ajax({type:"POST",url:"/Tool/GetSaleByDept",data:{startTime:startTime,endTime:endTime},success:function(result){varseries={name:'销售量',data:[]};$.each(result,function(itemNo,item){series.data.push(item.SaleCount);});options.series.push(series);saleChart=newHighcharts.Chart(options);$("#Loading").hide();}});}});}</script><divid="containerSale"style="min-width:100%;height:400px;margin:0auto;"></div><divid="Loading"style="position:absolute;z-index:100;top:300px;left:431.5px;display:none;height:25px;"><tablecellspacing="0"cellpadding="0"border="1"width="215"style="font-family:Arial;background-color:#ffff99"><tbody><tr><td><palign="center"><imgborder="0"src="../../Content/loading.gif"alt=""/><br/><fontcolor="Red">读取数据…</font></p></td></tr></tbody></table></div>

后端参考代码:[HttpPost]publicActionResultGetSaleByDept(stringstartTime,stringendTime){List<ListSaleByDept>listSaleCountByDept=newList<ListSaleByDept>();DateTimestart=System.DateTime.Now;DateTimeend=System.DateTime.Now;if(startTime!=""&&endTime!=""){start=DateTime.Parse(startTime);end=DateTime.Parse(endTime);}stringpid=IDepartmentsR.Departments.FirstOrDefault(x=>x.DeptName=="业务部").ID.ToString();varqueryDept=IDepartmentsR.Departments.Where(x=>x.ParentID==pid).OrderByDescending(x=>x.CreateTime).ToList();foreach(varitemDeptinqueryDept){intsaleCount=0;vardeptUsers=IUsersR.Users.Where(x=>x.Department.DeptName==itemDept.DeptName&&x.UserState=="在职").ToList();foreach(varitemUserindeptUsers){varqueryItem=ISaleItemLogR.SaleItemLogs.ToList();List<SaleLog>querySale=newList<SaleLog>();if(startTime!=""&&endTime!=""){querySale=ISaleLogR.SaleLogs.Where(x=>x.LadingBillType!="减工号"&&x.LadingBillType!="转白银").Where(x=>x.LadingBillPeople==itemUser.UserName).Where(x=>x.LadingBillDate>=start&&x.LadingBillDate<end).ToList();}else{querySale=ISaleLogR.SaleLogs.Where(x=>x.LadingBillType!="减工号"&&x.LadingBillType!="转白银").Where(x=>x.LadingBillPeople==itemUser.UserName).ToList();}intquery=(fromqinquerySalejoinsinqueryItemonq.IDequalss.saleLog.IDselectnew{UserName=q.LadingBillPeople,ActualIntegral=s.ActualIntegral}).ToList().Count();saleCount+=query;}ListSaleByDeptm=newListSaleByDept();m.DeptName=itemDept.DeptName;m.SaleCount=saleCount;listSaleCountByDept.Add(m);}returnJson(listSaleCountByDept);}[HttpPost]publicActionResultGetBusinessDept(){stringpid=IDepartmentsR.Departments.FirstOrDefault(x=>x.DeptName=="业务部").ID.ToString();varqueryDept=IDepartmentsR.Departments.Where(x=>x.ParentID==pid).OrderByDescending(x=>x.CreateTime).ToList();List<ListBusinessDept>listBusinessDept=newList<ListBusinessDept>();foreach(variteminqueryDept){ListBusinessDeptm=newListBusinessDept();m.DeptName=item.DeptName;listBusinessDept.Add(m);}returnJson(listBusinessDept);}

解决方案八:
基础百度图表开发的Echarts有图有真像
解决方案:
友情帮顶,做个记号
解决方案:
引用7楼kongwei521的回复:

基础百度图表开发的Echarts有图有真像

头像是本人和女朋友吗,

时间: 2024-10-28 05:53:34

基于Jquery highcharts 图表控件,求好心人 .的相关文章

图表控件-求推荐免费的Jquery图表,现在用的jqplot不更新了,最后一个版本的bug正好跟我项目有关

问题描述 求推荐免费的Jquery图表,现在用的jqplot不更新了,最后一个版本的bug正好跟我项目有关 如题,jqplot的1.08版,再说明里开发者已经说了,有个fillTozero颜色异常问题,之前的版本我试了也有,就这个正好跟我的项目冲突,柱状图负数坐表使用fillToZero后,Y周负值颜色设置异常,正值没问题,取消fillToZero后颜色正常,但是我这是对比图,必须有0坐标以上和以下部分,有没有更完善好用的图表控件 解决方案 echart 或者 highchart .都是基于jq

基于jQuery的树控件实现代码(asp.net+json)_jquery

语言: asp.net (其实都一样 只要服务器返回json就可以了); 先介绍下: 这个是一个美女大姐问我要的 写好了DEMO准备发给他 总不能独享 就贴出来了 第二次在cnblogs写博.. - - 那个代码有冗余 各位大虾可以自行修改... (失恋了 没心情弄); 压缩包: 里面有3个自己写的插件 1.一个是jQuery 请求webservices的便捷插件 2.一个防ext的mask()加载效果 3.树控件... 关于: /* 本代码只限交流学习使用,勿用于商业用途 系统难免存在bug

基于jquery的分页控件(C#)_jquery

JS代码: Code: 复制代码 代码如下: var _MaxPageSize = 0; var _PageSize = 5; var _IsUpDown = false; function InitPage(funName, currentPageSize, maxPageSize, pageSize, isUpDown) { _FunName = funName; _CurrentPageSize = currentPageSize; _MaxPageSize = maxPageSize;

基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts

在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件Highcharts,其强大的功能和丰富的互动效果,令人难以忘怀.本篇主要介绍在Web开发中使用图表控件Highcharts,以及对其进行统一汉化等操作,让我们的程序功能更加丰富,内容更加美观. 1.Highcharts基础介绍 Highcharts是一个非常流行,界面美观的纯Javascript图表库.它主要包括两个部分:Highcharts和Highstock.Highcharts可以为您

基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合_jquery

本文支持两种方式的数据,一种为List集合,一种为json字符串. 先来介绍一下后台返回list集合(推荐使用此方法): 控制器代码如下: public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo>(); /// <summary> /// TreeView视图 /// </summary> /// <returns></returns> publ

基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合_jquery

在上篇给大家介绍了基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串.list集合. 这种方式其实还是利用list集合的方式传给前台,只不过在前台做了一些小小的变化,而控制器代码也进行了部分的优化,值的一提的是:没用的ajax前后台交互舍弃掉了. 控制器代码如下: //实例化公共静态字典表集合 public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo

如何实现M实现FC 基于对话框从picture控件上截图

问题描述 如何实现M实现FC 基于对话框从picture控件上截图 现在遇到这个问题,有点急,求好心人帮忙啊,邮箱1060292394@qq.com 解决方案 PrintWindow() 不行?碰到什么问题

mpchartlib-关于MPchartLib图表控件底层用float表示10位数以上数值时精度丢失,求解!

问题描述 关于MPchartLib图表控件底层用float表示10位数以上数值时精度丢失,求解! public class Entry implements Parcelable { /** the actual value */ private float mVal = 0f; /** the index on the x-axis */ private int mXIndex = 0; /** optional spot for additional data this Entry repr

10款好用的.NET图表控件推荐

概述:图形图表的可视化数据表现形式已成为一种趋势,本文推荐了10款非常好用的.NET图表控件,希望对广大.NET图表开发者能有所帮助. 在如今这个读图时代,图形图表的可视化数据表现形式已成为一种趋势.因为图表能直观的展示信息.对比和趋势等,所以许多项目开发中都需要用到图表控件,而很多图表控件都是在.NET平台下开发的,今天就为大家推荐10款非常好用的.NET图表控件,希望对广大开发者能有所帮助. 1.TeeChart for .NET中文版 TeeChart for .NET中文版是Steema