c#中嵌入echarts_利用c#+jquery+echarts生成统计报表(附源代码)

本文介绍了如何在C#项目中嵌入Echarts库生成统计报表,通过封装JS库简化使用过程。文章详细讲解了解决方案布局、数据库设置、数据读写以及饼形图报表的生成,特别强调了使用JavaScriptSerializer将数据序列化为JSON供Echarts使用。
摘要由CSDN通过智能技术生成

背景:

因为最近项目要生成报表,经过几轮挑选,最终选择了百度的echarts作为报表基础类库。百度echarts简介请参考虽然echarts功能强大,界面优美,

但是使用起来非常繁琐。本文在参考写的“Echarts使用心得总结”基础上,进一步对JS进行封装。使得其更具有通用性。

(1)解决方案布局

整个解决方案如下图(VS2010+.NET4.0)。

唯一需要说明的是Javascript文件夹下的JS库,其中jquery-1.8.3是juqery库。 echarts是百度echarts库。MyEcharts.js是在“星星之火”代码的基础上修改的自定义类库。

WapCharts.js是自定义的JS库。

(2)建立数据库

报表数据通常都是从数据库里获取,这里我们使用了微软SQLCE一个桌面版数据库。打开lists表,其中数据如下

(3)读写数据

bin文件夹引入System.Data.SqlServerCe.dll。然后完全可以类似读写MSSQL数据库一样,完成对CE数据库的读写。

其中,需要注意CE数据库连接的写法,因为CE数据库是一个本地数据库,所以,直接用Data Source制定sdf的具体地址即可。

string con = @"Data Source='" + System.Web.HttpContext.Current.Server.MapPath("~/app_data/chartdb.sdf") + "

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值