ASP.NET统计图表控件

近来客户需要将前段时间开发的统计信息用图表展示出来，还要多个图表类型，例如：柱状图、饼图、曲线图、三维图等等。在网上google了一下，发现了三个（也许更多）可以使用的控件。下面我们一起看看这三个控件。

　　1、OWC11

这个控件全称是：Office Web Component 11，是office2003中的一个组件，可惜的是office2007中没有了它的身影。不过安装office2003之后可以引用，然后使用。使用过的人都知道，就是它的效果要差一点。

　　2、dotnetCharting

http://www.dotnetcharting.com/

dotnetcharting是国外的一个产品，是要收费的。具体还没有使用，后面在我尝试之后，我会添加一些使用范例。大家也可以上网搜索一下，很多的列子。

　　3、MSChart　

　　

　　微软发布了.NET 3.5框架下的图表控件，发觉功能很强劲，基本上能想到的图表都可以使用它绘制出来，给图形统计和报表图形显示提供了很好的解决办法，同时支持Web和WinForm两种方式，不过缺点也比较明显，只能在最新的开发环境中使用，需要.Net 3.5 Sp1以及VS 2008的开发环境。

　　MSChart在ASP.NET中的使用，需要设置web.config文件，可以参看下面的链接：

　　http://www.cnblogs.com/carysun/archive/2009/03/15/MSChart.html

　　http://www.cnblogs.com/bluetiger/archive/2009/03/02/1401457.html

　　MSChart在SharePoint2007中的使用，同样也需要设置web.config文件，可以参看下面的链接：

　　http://203.208.37.132/search?q=cache:Z-9ssAVpmvAJ:mosshowto.blogspot.com/2008/11/chart-controls-net-framework-sharepoint.html+chart-controls-net-framework-sharepoint&cd=1&hl=zh-CN&ct=clnk&gl=cn&st_usg=ALhdy29hK0fVcB5wJnNBG2PNHMVBa0HE3w

　　http://social.msdn.microsoft.com/Forums/en/MSWinWebChart/thread/6eed0b12-9334-4ef5-9d1e-6da1c43d791a

　　http://social.msdn.microsoft.com/Forums/en-US/sharepointdevelopment/thread/649a4639-06ad-4483-9b2a-9b64a9eab0b3

　　　　

　　下面是下载地址：

控件：Microsoft .NET Framework 3.5 的 Microsoft 图表控件(Microsoft Chart Controls for Microsoft .NET Framework 3.5)–

包含英文版，中文版。上面提供的链接是中文版的，可以更改为英文版。

语言包：Microsoft Chart Controls for Microsoft .NET Framework 3.5 Language Pack

Microsoft .NET Framework 3.5 的Microsoft 图表控件 的语言包，包含23中语言。

Microsoft Chart Controls Add-on for Microsoft Visual Studio 2008

这个只有英文的，没找到中文的。

文档 （Microsoft Chart Controls for .NET Framework Documentation）

这个只有英文的，没找到中文的。

WinForm 和 Asp.net的例子（Samples Environment for Microsoft Chart Controls） –

这个只有英文的，没找到中文的。

Demo 下载：http://code.msdn.microsoft.com/mschart

页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Chart.aspx.cs" Inherits="BeautyCode.SharePoint.MVPDemo.Pages.Chart" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <fieldset>
            <legend>ddd</legend>
            <asp:Chart ID="Chart1" runat="server">
                <Titles>
                    <asp:Title Name="Title" Text="Title1">
                    </asp:Title>
                </Titles>
                <Annotations >
                <asp:TextAnnotation Text=""></asp:TextAnnotation>
                </Annotations>
          
                <Legends>
                <asp:Legend Title =""></asp:Legend>
                </Legends>
                <MapAreas>
                </MapAreas>
                <Series>
                  
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartAreas1">
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
        </fieldset>
    </div>
    <div>
        <asp:Chart ID="Chart2" runat="server">
            <Series>
                
            </Series>
            <Legends>
                <asp:Legend Title =""></asp:Legend>
                </Legends>
            <ChartAreas>
                <asp:ChartArea Name="ChartAreas1">
                </asp:ChartArea>
               
            </ChartAreas>
        </asp:Chart>
    </div>
    </form>
</body>
</html>

后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Web.UI;
using System.Web.UI.WebControls;
using Microsoft.Office.Core;
using Microsoft.Office.Interop.Owc11;
using Microsoft.Office.Interop;
using System.Web.UI.DataVisualization.Charting;

namespace BeautyCode.SharePoint.MVPDemo.Pages
{
    public partial class Chart : System.Web.UI.Page
    {
        private DataTable _SampleDataTable;
        private DataTable _InSchool;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                PaintChart1();
                PaintChart2();
            }
        }
        private void CreateDataTable()
        {
            _SampleDataTable = new DataTable();
            _SampleDataTable.Columns.Add("jx");
            _SampleDataTable.Columns.Add("count");

DataRow row;

row = _SampleDataTable.NewRow();
            row[0] = "上将";
            row[1] = 100;
            _SampleDataTable.Rows.Add(row);

row = _SampleDataTable.NewRow();
            row[0] = "准将";
            row[1] = 400;
            _SampleDataTable.Rows.Add(row);

row = _SampleDataTable.NewRow();
            row[0] = "大校";
            row[1] = 1000;
            _SampleDataTable.Rows.Add(row);

row = _SampleDataTable.NewRow();
            row[0] = "上校";
            row[1] = 800;
            _SampleDataTable.Rows.Add(row);

row = _SampleDataTable.NewRow();
            row[0] = "上尉";
            row[1] = 600;
            _SampleDataTable.Rows.Add(row);
        }
        private void PaintChart1()
        {
            CreateDataTable();

this.Chart1.Titles["Title"].Text = "1000-8000年度总冠军";
            this.Chart1.Series.Add(new Series("军衔"));
            this.Chart1.Width = 500;
            #region MSChart manual add data

//this.Chart1.Series["军衔"].Points.AddXY("上将", 20);
            //this.Chart1.Series["军衔"].Points.AddXY("中将", 200);
            //this.Chart1.Series["军衔"].Points.AddXY("准将", 40);
            //this.Chart1.Series["军衔"].Points.AddXY("中校", 60);
            //this.Chart1.Series["军衔"].Points.AddXY("少校", 100);
            //this.Chart1.Series["军衔"].Points.AddXY("上尉", 48);
            #endregion

#region MSChart DataSource Array

//int xy = _SampleDataTable.Rows.Count;
            //List<string> jx = new List<string>();
            //List<int> count = new List<int>();
            //DataRowCollection rows = _SampleDataTable.Rows;
            //foreach (DataRow row in rows)
            //{
            //    jx.Add(row["jx"].ToString());
            //    count.Add(int.Parse(row["count"].ToString()));
            //}
            //this.Chart1.Series["军衔"].Points.DataBindXY(jx,count );
            #endregion

#region  MSChart DataSource DataTable
            this.Chart1.DataSource = _SampleDataTable;
            this.Chart1.Series["军衔"].XValueMember = "jx";
            this.Chart1.Series["军衔"].XValueType = ChartValueType.String;
            this.Chart1.Series["军衔"].XAxisType = AxisType.Primary;

this.Chart1.Series["军衔"].YValueMembers = "count";
            this.Chart1.Series["军衔"].YValueType = ChartValueType.Int32;
            this.Chart1.Series["军衔"].YAxisType = AxisType.Primary;
            #endregion

#region

this.Chart1.Series["军衔"].ChartType = SeriesChartType.Column;
            this.Chart1.Series["军衔"].BorderWidth = 1;
            this.Chart1.Series["军衔"].IsVisibleInLegend = true;
            this.Chart1.Series["军衔"].IsValueShownAsLabel = true;
        
            #endregion

#region

this.Chart1.ChartAreas["ChartAreas1"].AxisX.Title = "军衔种类";
            this.Chart1.ChartAreas["ChartAreas1"].AxisY.Interval = 200;
            this.Chart1.ChartAreas["ChartAreas1"].AxisY.Title = "学员总数";
            this.Chart1.ChartAreas["ChartAreas1"].AxisY.Maximum = 1000;
            this.Chart1.ChartAreas["ChartAreas1"].BorderDashStyle = ChartDashStyle.Solid;
            this.Chart1.ChartAreas["ChartAreas1"].BorderWidth = 1;
            this.Chart1.ChartAreas["ChartAreas1"].AxisX.MajorGrid.LineWidth = 0;
            #endregion
        }

private void CreateInSchool()
        {
            _InSchool = new DataTable();
            _InSchool.Columns.Add("year");
            _InSchool.Columns.Add("allyear");
            _InSchool.Columns.Add("new");
            _InSchool.Rows.Add("2001", 20, 29);
            _InSchool.Rows.Add("2002", 60, 69);
            _InSchool.Rows.Add("2003", 200, 290);
            _InSchool.Rows.Add("2004", 400, 490);
            _InSchool.Rows.Add("2005", 0, 9);
            _InSchool.Rows.Add("2006", 150, 180);
            _InSchool.Rows.Add("2007", 190, 246);
        }
      
        private void PaintChart2()
        {
            CreateInSchool();
            this.Chart2.Titles.Add("2001-2009年度总亚军");
            this.Chart2.Width = 800;
            this.Chart2.Series.Add(new Series("新增学员总数"));
            this.Chart2.Series["新增学员总数"].ChartType = SeriesChartType.Column;
            this.Chart2.Series["新增学员总数"].BorderWidth = 1;
            this.Chart2.Series["新增学员总数"].IsVisibleInLegend = true;
            this.Chart2.Series["新增学员总数"].IsValueShownAsLabel = true;

#region

this.Chart2.Series["新增学员总数"].ChartType = SeriesChartType.Column;
            this.Chart2.Series["新增学员总数"].BorderWidth = 1;
            this.Chart2.Series["新增学员总数"].IsVisibleInLegend = true;
            this.Chart2.Series["新增学员总数"].IsValueShownAsLabel = true;
            this.Chart2.Series["新增学员总数"].ChartArea = "ChartAreas1";
            #endregion

#region

this.Chart2.ChartAreas["ChartAreas1"].AxisY.Interval = 200;

this.Chart2.ChartAreas["ChartAreas1"].AxisY.Maximum = 1000;
            this.Chart2.ChartAreas["ChartAreas1"].BorderDashStyle = ChartDashStyle.Solid;
            this.Chart2.ChartAreas["ChartAreas1"].BorderWidth = 1;
            this.Chart2.ChartAreas["ChartAreas1"].AxisX.MajorGrid.LineWidth = 0;

#endregion

this.Chart2.Series.Add(new Series("全年在校学员数"));

this.Chart2.Series["全年在校学员数"].ChartType = SeriesChartType.Column;
            this.Chart2.Series["全年在校学员数"].BorderWidth = 1;
            this.Chart2.Series["全年在校学员数"].IsVisibleInLegend = true;
            this.Chart2.Series["全年在校学员数"].IsValueShownAsLabel = true;

#region

this.Chart2.Series["全年在校学员数"].ChartType = SeriesChartType.Column;
            this.Chart2.Series["全年在校学员数"].BorderWidth = 1;
            this.Chart2.Series["全年在校学员数"].IsVisibleInLegend = true;
            this.Chart2.Series["全年在校学员数"].IsValueShownAsLabel = true;
            this.Chart2.Series["全年在校学员数"].ChartArea = "ChartAreas1";
            #endregion

#region

this.Chart2.ChartAreas["ChartAreas1"].AxisY.Interval = 200;
            this.Chart2.ChartAreas["ChartAreas1"].AxisY.Maximum = 1000;
            this.Chart2.ChartAreas["ChartAreas1"].BorderDashStyle = ChartDashStyle.Solid;
            this.Chart2.ChartAreas["ChartAreas1"].BorderWidth = 1;
            this.Chart2.ChartAreas["ChartAreas1"].AxisX.MajorGrid.LineWidth = 0;
            #endregion
            this.Chart2.DataSource = _InSchool;
            this.Chart2.Series["新增学员总数"].XValueMember = "year";
            this.Chart2.Series["新增学员总数"].XValueType = ChartValueType.Int32;
            this.Chart2.Series["新增学员总数"].XAxisType = AxisType.Primary;
            this.Chart2.Series["新增学员总数"].YValueMembers = "allyear";
            this.Chart2.Series["新增学员总数"].YValueType = ChartValueType.Int32;
            this.Chart2.Series["新增学员总数"].YAxisType = AxisType.Primary;
            this.Chart2.Series["全年在校学员数"].XValueMember = "year";
            this.Chart2.Series["全年在校学员数"].XValueType = ChartValueType.Int32;
            this.Chart2.Series["全年在校学员数"].XAxisType = AxisType.Primary;
            this.Chart2.Series["全年在校学员数"].YValueMembers = "new";
            this.Chart2.Series["全年在校学员数"].YValueType = ChartValueType.Int32;
            this.Chart2.Series["全年在校学员数"].YAxisType = AxisType.Primary;
        }
    }
}

时间： 2024-10-11 19:45:43

ASP.NET统计图表控件的相关文章

SharePoint统计图表控件Nevron Chart for SharePoint控件介绍

Nevron Chart for SharePoint是一个先进的图表Web部件,其能为您的SharePoint站点提供一整套的2D和3D图表类型,高度可自定义的轴,先进的数据分析功能,严密的数据集成和无与伦比的视觉效果.其组合了业内领先的Nevron Charting engine for ASP.NET以及Nevron Pivot Data Aggregation engine.这使得用户能在SharePoint环境中直观的完成复杂的透视图表的创建. 主要功能: 支持SharePoint S

初始ASP.NET数据控件【续 ListView】

ListView控件   ListView控件可以用来显示数据,它还提供编辑,删除,插入,分页与排序等功能.ListView是GridView与DataList的融合体,它具有GridView控件编辑数据的功能同时还具有DataList控件的灵活布局的功能.ListView控件的分页功能需要通过DataPager控件来实现. ListView控件的模版 LayoutTemplate:标识定义控件的主要布局的根模版.包含一个占位符对象,如表行(tr),div,span元素.此元素将由ItemTem

asp.net分页控件使用详解【附实例下载】

本篇文章主要对asp.net创建事务的方法进行实例介绍,具有很好的参考价值,需要的朋友一起来看下吧 一.说明 AspNetPager.dll这个分页控件主要用于asp.net webform网站,现将整理代码如下 二.代码 1.首先在测试页面Default.aspx页面添加引用 <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer"

Asp.Net数据控件引用AspNetPager.dll分页

今天与大家分享一下"Asp.Net数据控件引用AspNetPager.dll分页"首先声明以下几点: 1.也许讲解有点初级,希望高手不要"喷"我,因为我知道并不是每一个人都是高手,我也怕高手们说我装13,小生不才: 2.如有什么不对的地方,还希望大家指出,一定虚心学习: 3.本文属于作者原创,尊重他人劳动成果,转载请注明作者,谢谢. 下面开讲: 第一步:首先是下载一个AspNetPager.dll 下载地址 http://files.cnblogs.com/tand

ASP.NET控件&lt;ASP:Button /&gt; html控件&lt;input type=&quot;button&quot;&gt;区别联系

ASP.NET控件<ASP:Button />-------html控件<input type="button">杨中科是这么说的:asp和input是一样的东西 服务器只认识input,我们可以直接写input 但是asp是要把自己自动翻译成input再交给服务器的.其实是一样的东西 写写我看到的区别:                asp控件,直接可以用c#编程                input加上 runat=“server” 也被c#编程了 说白

asp.net验证控件

asp.net验证控件的好处: 1,客户端服务器端都会同时校验. 2,简化校验逻辑. 1,RequiredFieldValidator:非空校验 InitialValue:默认值.当控件的值等于默认值时不能通过校验. Text:显示的错误信息. ControltoValidat:关联需要验证的控件. 2,RangeValidator:在给定的最大最小值之间. Type:需要验证的数据类型.MaximumValue:最大值.MinimumValue:最小值. 不会进行非空校验.如要进行非空校验需要

asp.net 不用控件 循环输出数据库数据的方法

不使用什么repeater gridview之类的控件,怎么才能输出数据库的数据到一个table ,我用response.write在后台,拼接 table 代码可以输出 但总是在页面的最上面 , 是不是要在aspx页面相应位置用<% %> 循环输出 但又提示找不到我后台填充的DATASET,因为听说公司做asp.net是不用控件的,想知道他们是怎么做输出数据库表格的,还请高手帮帮忙,谢谢了. 不明白来问我后台代码public string test = "";    pr

javascript获取asp.net服务器端控件的值

代码如下: <%@ Page Language="C#" CodeFile="A.aspx.cs" Inherits="OrderManage_A" %> <%@ Register Src="../UserControl/CtrlCalendar.ascx" TagName="CtrlCalendar" TagPrefix="uc1" %> <html>

asp.net验证控件详解

ASP.NET验证控件详解     现在ASP.NET,你不但可以轻松的实现对用户输入的验证,而且,还可以选择验证在服务器端进行还是在客户端进行,再也不必考虑那么多了,程序员们可以将重要精力放在主程序的设计上了. ASP.NET公有六种验证控件,分别如下: 控件名           功能描叙 RequiredFieldValidator(必须字段验证) 用于检查是否有输入值 CompareValidator(比较验证) 按设定比较两个输入 RangeValidator(范围验证) 输入是否在指