asp.net微软图表控件MsChart

2021-07-02 00:07

阅读:637

标签:避免   ash   文档   基本   相对   members   text   UI   创建   

前段时间,开发项目时,由于需要,需要将一些数据统计,并以图表形式显示。由于是asp.net,所以就找到了MsChart图表控件,还是挺方便实用的,分享一下。

MsChart控件的主要组成如图所示

技术分享

工具栏中找到“Chart”控件,将其拖进前台中

技术分享

一旦将Chart控件拖放至前台,强大的IDE帮助你完成了一些事情

技术分享

并引用了System.Web.DataVisualization动态库,而且还在网站配置文件Web.config中添加了

技术分享

其中在配置文件中添加的代码,在正式发布网站时,要做些许修改,后面我们再详说。

详细的MSChart参数,可以查看MSDN文档。

技术分享

前台代码中,添加控件

技术分享
            
技术分享

在后台代码中,首先创建一个函数,用于存储数据,用Datatable存储。

技术分享创建一张二维数据表

接下来,对Chart控件进行数据绑定、属性设置等操作。

哲学图

技术分享折线图

效果图

技术分享

同样的方法实现其他几种图形

样条图(平滑曲线)

技术分享样条图(平滑曲线)

效果图

技术分享

条形图

技术分享条形图

效果图

技术分享

饼形图

技术分享
技术分享
1             #region 饼形图
2             Chart4.DataSource = dt;//绑定数据
3             Chart4.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Pie;//设置图表类型
4             Chart4.Series[0].XValueMember = "Language";//X轴数据成员列
5             Chart4.Series[0].YValueMembers = "Count";//Y轴数据成员列
6             Chart4.Series[0].LegendText = "Language";
7             Chart4.Series[0].IsValueShownAsLabel = true;//显示坐标值
8             #endregion
技术分享

效果图

技术分享

更多图表例子,可参考msdn的demo。

微软demohttp://code.msdn.microsoft.com/mschart

文章开头,我们谈到添加MSChart控件时,IDE会自动修改了我们Web.config中的代码。

我们在正式上传网站到服务器时,如果不修改一些地方,会出现MSChart错误。我要在Web.config中将如下代码修改

技术分享

改成

技术分享

目的是改成相对地址,避免在上传到服务器时,路径出现错误。

还需在解决方案下新增TempImages文件夹

技术分享

OK,基本的MsChart控件使用就这样,更详细的使用可以参考MSDN或者微软提供的Demo。

asp.net微软图表控件MsChart

标签:避免   ash   文档   基本   相对   members   text   UI   创建   

原文地址:http://www.cnblogs.com/zxtceq/p/7131386.html


评论


亲,登录后才可以留言!