手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >asp.net微软图表控件使用示例代码分享
asp.net微软图表控件使用示例代码分享
摘要:复制代码代码如下:复制代码代码如下:MsChart图表控件复制代码代码如下:usingSystem;usingSystem.Collecti...

复制代码 代码如下:

<configuration>

<system.webServer>

<handlers>

<remove name="ChartImageHandler" />

<add name="ChartImageHandler" preCondition="integratedMode" verb="GET,HEAD,POST"

path="ChartImg.axd" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />

</handlers>

</system.webServer>

<system.web>

<httpHandlers>

<add path="ChartImg.axd" verb="GET,HEAD,POST" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

validate="false" />

</httpHandlers>

</system.web>

</configuration>

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="chart.aspx.cs" Inherits="chart" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.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>MsChart图表控件</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:Chart ID="Chart1" runat="server" Width="500px" BorderDashStyle="Solid" Palette="BrightPastel" imagetype="Png" BackSecondaryColor="White" BackGradientStyle="TopBottom" BorderWidth="2" backcolor="#D3DFF0" BorderColor="26, 59, 105">

<Titles>

<asp:Title Font="微软雅黑, 16pt" Name="Title1" Text="统计表">

</asp:Title>

</Titles>

<borderskin skinstyle="Emboss"></borderskin>

<Series>

<asp:Series Name="Series1" ChartType="Bubble" MarkerSize="8" MarkerStyle="Circle">

</asp:Series>

</Series>

<ChartAreas>

<asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">

</asp:ChartArea>

</ChartAreas>

</asp:Chart>

<asp:Chart ID="Chart2" runat="server">

<Series>

<asp:Series Name="Series1">

</asp:Series>

</Series>

<ChartAreas>

<asp:ChartArea Name="ChartArea1">

</asp:ChartArea>

</ChartAreas>

</asp:Chart>

<br/>

<asp:Chart ID="Chart3" runat="server">

<Series>

<asp:Series Name="Series1">

</asp:Series>

</Series>

<ChartAreas>

<asp:ChartArea Name="ChartArea1">

</asp:ChartArea>

</ChartAreas>

</asp:Chart>

<asp:Chart ID="Chart4" runat="server">

<Legends>

<asp:Legend Title="金牌榜"></asp:Legend>

</Legends>

<Series>

<asp:Series Name="Series1">

</asp:Series>

</Series>

<ChartAreas>

<asp:ChartArea Name="ChartArea1">

</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;

//add

using System.Drawing;

public partial class chart : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

DataTable dt = CreatData();

GetStyle1(dt);

GetStyle2(dt);

GetStyle3(dt);

GetStyle4(dt);

}

protected void GetStyle1(DataTable dt)

{

#region 折线图

Chart1.DataSource = dt;//绑定数据

Chart1.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;//设置图表类型

Chart1.Series[0].XValueMember = "Country";//X轴数据成员列

Chart1.Series[0].YValueMembers = "Score";//Y轴数据成员列

Chart1.ChartAreas["ChartArea1"].AxisX.Title = "国家";//X轴标题

Chart1.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

Chart1.ChartAreas["ChartArea1"].AxisY.Title = "金牌";//X轴标题

Chart1.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

Chart1.ChartAreas["ChartArea1"].AxisX.Interval = 1;//X轴数据的间距

Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线

Chart1.Series[0].IsValueShownAsLabel = true;//显示坐标值

#endregion

}

protected void GetStyle2(DataTable dt)

{

#region 样条图(平滑曲线)

Chart2.DataSource = dt;//绑定数据

Chart2.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Spline;//设置图表类型

Chart2.Series["Series1"].MarkerStyle = System.Web.UI.DataVisualization.Charting.MarkerStyle.Cross;//设置点的样式,十字形

Chart2.Series[0].XValueMember = "Country";//X轴数据成员列

Chart2.Series[0].YValueMembers = "Score";//Y轴数据成员列

Chart2.ChartAreas["ChartArea1"].AxisX.Title = "国家";//X轴标题

Chart2.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

Chart2.ChartAreas["ChartArea1"].AxisY.Title = "金牌";//X轴标题

Chart2.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

Chart2.ChartAreas["ChartArea1"].AxisX.Interval = 1;//X轴数据的间距

Chart2.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线

Chart2.Series[0].IsValueShownAsLabel = true;//显示坐标值

#endregion

}

protected void GetStyle3(DataTable dt)

{

#region 条形图

Chart3.DataSource = dt;//绑定数据

Chart3.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Bar;//设置图表类型

Chart3.Series[0].XValueMember = "Country";//X轴数据成员列

Chart3.Series[0].YValueMembers = "Score";//Y轴数据成员列

Chart3.ChartAreas["ChartArea1"].AxisX.Title = "国家";//X轴标题

Chart3.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

Chart3.ChartAreas["ChartArea1"].AxisY.Title = "金牌";//X轴标题

Chart3.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

Chart3.ChartAreas["ChartArea1"].AxisX.Interval = 1;//X轴数据的间距

Chart3.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线

Chart3.Series[0].IsValueShownAsLabel = true;//显示坐标值

#endregion

}

protected void GetStyle4(DataTable dt)

{

#region 饼形图

Chart4.DataSource = dt;//绑定数据

Chart4.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Pie;//设置图表类型

Chart4.Series[0].XValueMember = "Country";//X轴数据成员列

Chart4.Series[0].YValueMembers = "Score";//Y轴数据成员列

Chart4.Series[0].LegendMapAreaAttributes = "Country"; //显示国家

Chart4.Series[0].IsValueShownAsLabel = true;//显示坐标值

#endregion

}

/// <summary>

/// 创建一张二维数据表

/// </summary>

/// <returns>Datatable类型的数据表</returns>

protected DataTable CreatData()

{

DataTable dt = new DataTable();

dt.Columns.Add("Country", System.Type.GetType("System.String"));

dt.Columns.Add("Score", System.Type.GetType("System.String"));

string[] n = new string[] { "中国","美国", "俄罗斯", "英国" };

string[] c = new string[] { "85","80", "50", "35" };

for (int i = 0; i < 4; i++)

{

DataRow dr = dt.NewRow();

dr["Country"] = n[i];

dr["Score"] = c[i];

dt.Rows.Add(dr);

}

return dt;

}

}

asp.net微软图表控件使用示例代码分享1

【asp.net微软图表控件使用示例代码分享】相关文章:

.net的socket异步通讯示例分享

asp.net(c#)利用构造器链的代码

asp.net 操作excel的实现代码

AspNetPager与Socut.Data使用实例代码

asp.net中利用ashx实现图片防盗链代码

asp.net 因为数据库正在使用的解决方法

asp.net验证码图片生成示例

Ajax+asp.net实现用户登陆

asp.net连接数据库读取数据示例分享

asp.net用三层实现多条件检索示例

精品推荐
分类导航