使用MS图表控件创建基本报表
2010-12-12 10:03
651 查看
实现效果：
技术实现：
前台代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ASPNet探秘._Default" %>
<%@ 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>使用MS图表控件创建基本报表</title>
</head>
<body>
<form id="form1" runat="server">
<div style="float:left">
<asp:chart id="Chart" runat="server" Height="296px" Width="600px"
Palette="BrightPastel"
BorderDashStyle="Solid" BackSecondaryColor="White"
BackGradientStyle="None" BorderWidth="2" backcolor="#D3DFF0"
BorderColor="26, 59, 105">
<Legends>
<asp:Legend BackColor="Transparent" Docking="Bottom" Alignment="Center" IsTextAutoFit="true" Name="Legend" Font="Trebuchet MS, 8.25pt, style=Bold"/>
</Legends>
<BorderSkin SkinStyle="Emboss" />
<Series>
<asp:Series Name="Column" BorderColor="180, 26, 59, 105" LegendText="月统计数据" ChartType="Column">
<Points>
<asp:DataPoint YValues="60" AxisLabel="一月份" />
<asp:DataPoint YValues="45" AxisLabel="二月份"/>
<asp:DataPoint YValues="78" AxisLabel="三月份" />
<asp:DataPoint YValues="56" AxisLabel="四月份"/>
<asp:DataPoint YValues="38" AxisLabel="五月份" />
<asp:DataPoint YValues="84" AxisLabel="六月份"/>
<asp:DataPoint YValues="48" AxisLabel="七月份" />
<asp:DataPoint YValues="41" AxisLabel="八月份"/>
<asp:DataPoint YValues="65" AxisLabel="九月份" />
<asp:DataPoint YValues="75" AxisLabel="十月份"/>
<asp:DataPoint YValues="88" AxisLabel="十一月份" />
<asp:DataPoint YValues="64" AxisLabel="十二月份"/>
</Points>
</asp:Series>
</Series>
<chartareas>
<asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">
<axisy linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisy>
<axisx linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisx>
</asp:ChartArea>
</chartareas>
</asp:chart>
</div>
<div style="float:right">
<asp:chart id="Chart1" runat="server" Height="296px" Width="380px"
Palette="BrightPastel"
BorderDashStyle="Solid" BackSecondaryColor="White"
BackGradientStyle="None" BorderWidth="2" backcolor="#D3DFF0"
BorderColor="26, 59, 105">
<Legends>
<asp:Legend BackColor="Transparent" Docking="Bottom" Alignment="Center" IsTextAutoFit="true" Name="Legend" Font="Trebuchet MS, 8.25pt, style=Bold"/>
</Legends>
<BorderSkin SkinStyle="Emboss" />
<Series>
<asp:Series Name="Column" BorderColor="180, 26, 59, 105" LegendText="周统计数据" ChartType="Pie">
<Points>
<asp:DataPoint YValues="60" AxisLabel="60" LegendText="第一周" />
<asp:DataPoint YValues="45" AxisLabel="45" LegendText="第二周"/>
<asp:DataPoint YValues="78" AxisLabel="78" LegendText="第三周"/>
<asp:DataPoint YValues="56" AxisLabel="56" LegendText="第四周"/>
</Points>
</asp:Series>
</Series>
<chartareas>
<asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">
<axisy linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisy>
<axisx linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisx>
</asp:ChartArea>
</chartareas>
</asp:chart>
</div>
</form>
</body>
</html>
后台代码：
using System;
using System.Web.UI.DataVisualization.Charting;
namespace ASPNet探秘
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//后台动态加载数据
Series series = new Series("LineSeries");
series.ChartType = SeriesChartType.Spline;
series.LegendText = "折线数据";
series.BorderWidth = 3;
series.ShadowOffset = 2;
series.Points.AddY(30);
series.Points.AddY(42);
series.Points.AddY(36);
series.Points.AddY(78);
series.Points.AddY(46);
series.Points.AddY(65);
series.Points.AddY(41);
series.Points.AddY(35);
series.Points.AddY(87);
series.Points.AddY(75);
series.Points.AddY(36);
series.Points.AddY(52);
series.Points.AddY(74);
this.Chart.Series.Add(series);
}
}
}
}
注：此文章转载至白衣轩
技术实现：
前台代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ASPNet探秘._Default" %>
<%@ 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>使用MS图表控件创建基本报表</title>
</head>
<body>
<form id="form1" runat="server">
<div style="float:left">
<asp:chart id="Chart" runat="server" Height="296px" Width="600px"
Palette="BrightPastel"
BorderDashStyle="Solid" BackSecondaryColor="White"
BackGradientStyle="None" BorderWidth="2" backcolor="#D3DFF0"
BorderColor="26, 59, 105">
<Legends>
<asp:Legend BackColor="Transparent" Docking="Bottom" Alignment="Center" IsTextAutoFit="true" Name="Legend" Font="Trebuchet MS, 8.25pt, style=Bold"/>
</Legends>
<BorderSkin SkinStyle="Emboss" />
<Series>
<asp:Series Name="Column" BorderColor="180, 26, 59, 105" LegendText="月统计数据" ChartType="Column">
<Points>
<asp:DataPoint YValues="60" AxisLabel="一月份" />
<asp:DataPoint YValues="45" AxisLabel="二月份"/>
<asp:DataPoint YValues="78" AxisLabel="三月份" />
<asp:DataPoint YValues="56" AxisLabel="四月份"/>
<asp:DataPoint YValues="38" AxisLabel="五月份" />
<asp:DataPoint YValues="84" AxisLabel="六月份"/>
<asp:DataPoint YValues="48" AxisLabel="七月份" />
<asp:DataPoint YValues="41" AxisLabel="八月份"/>
<asp:DataPoint YValues="65" AxisLabel="九月份" />
<asp:DataPoint YValues="75" AxisLabel="十月份"/>
<asp:DataPoint YValues="88" AxisLabel="十一月份" />
<asp:DataPoint YValues="64" AxisLabel="十二月份"/>
</Points>
</asp:Series>
</Series>
<chartareas>
<asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">
<axisy linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisy>
<axisx linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisx>
</asp:ChartArea>
</chartareas>
</asp:chart>
</div>
<div style="float:right">
<asp:chart id="Chart1" runat="server" Height="296px" Width="380px"
Palette="BrightPastel"
BorderDashStyle="Solid" BackSecondaryColor="White"
BackGradientStyle="None" BorderWidth="2" backcolor="#D3DFF0"
BorderColor="26, 59, 105">
<Legends>
<asp:Legend BackColor="Transparent" Docking="Bottom" Alignment="Center" IsTextAutoFit="true" Name="Legend" Font="Trebuchet MS, 8.25pt, style=Bold"/>
</Legends>
<BorderSkin SkinStyle="Emboss" />
<Series>
<asp:Series Name="Column" BorderColor="180, 26, 59, 105" LegendText="周统计数据" ChartType="Pie">
<Points>
<asp:DataPoint YValues="60" AxisLabel="60" LegendText="第一周" />
<asp:DataPoint YValues="45" AxisLabel="45" LegendText="第二周"/>
<asp:DataPoint YValues="78" AxisLabel="78" LegendText="第三周"/>
<asp:DataPoint YValues="56" AxisLabel="56" LegendText="第四周"/>
</Points>
</asp:Series>
</Series>
<chartareas>
<asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">
<axisy linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisy>
<axisx linecolor="64, 64, 64, 64">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisx>
</asp:ChartArea>
</chartareas>
</asp:chart>
</div>
</form>
</body>
</html>
后台代码：
using System;
using System.Web.UI.DataVisualization.Charting;
namespace ASPNet探秘
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//后台动态加载数据
Series series = new Series("LineSeries");
series.ChartType = SeriesChartType.Spline;
series.LegendText = "折线数据";
series.BorderWidth = 3;
series.ShadowOffset = 2;
series.Points.AddY(30);
series.Points.AddY(42);
series.Points.AddY(36);
series.Points.AddY(78);
series.Points.AddY(46);
series.Points.AddY(65);
series.Points.AddY(41);
series.Points.AddY(35);
series.Points.AddY(87);
series.Points.AddY(75);
series.Points.AddY(36);
series.Points.AddY(52);
series.Points.AddY(74);
this.Chart.Series.Add(series);
}
}
}
}
注：此文章转载至白衣轩
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用MS图表控件创建基本报表
- 使用MS图表控件创建基本报表
- 报表之使用rdlc创建图表
- Silverlight实用窍门系列：14.Visifire图表控件的使用一(图表的创建和基础使用)
- MS BI 中的Ad - hoc 报表 (即席报表) 基本概念以及如何创建和使用
- 使用MS图表控件for .net 3.5的准备工作
- 常量，字段，构造方法 调试 ms 源代码 一个C#二维码图片识别的Demo 近期ASP.NET问题汇总及对应的解决办法 c# chart控件柱状图，改变柱子宽度 使用C#创建Windows服务 C#服务端判断客户端socket是否已断开的方法 线程 线程池 Task .NET 单元测试的利剑——模拟框架Moq
- Web图表控件ChartDirector使用教程：轻松创建Java图表应用程序
- 使用报表控件NCReport创建报表
- CStatic类的动态创建，以及使用风格dwStyle的介绍（二）-----CStatic控件的基本使用
- WPF中使用DataGridView创建报表控件
- Excel使用控件创建动态地图图表
- 有关一些swift 控件的基本创建和使用
- 使用报表控件NCReport创建报表
- 工控图表控件ProEssentials使用教程：创建蜡烛图
- MS BI 中的Ad - hoc 报表 (即席报表) 基本概念以及如何创建和使用
- 报表之使用rdlc创建图表
- Silverlight实用窍门系列：14.Visifire图表控件的使用一(图表的创建和基础使用)【附带源码实例】
- Stimulsoft Reports.Net基础教程（十）：创建图表报表②
- 第二部分：使用Jasperreport作为报表控件开发胖客户端报表应用