欢迎您访问我爱IT技术网,今天小编为你分享的编程技术是:【asp.net微软图表控件使用示例代码分享】,下面是详细的讲解!
asp.net微软图表控件使用示例代码分享
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微软图表控件使用示例代码分享的用户互动如下:
相关问题:
答: >>详细
相关问题:
答: >>详细
相关问题:
答: >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【ASP】ASP.NET中内嵌页面代码的一个问题-NET-内
- 【As】Asp.net中的页面乱码的问题-sp--pn-ne-et
- 【增加记录】asp.net中获取新增加记录的ID Access
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
