asp.net微软图表控件使用示例
程序员文章站
2022-06-24 23:20:59
<%@ page language=c# autoeventwireup=true codefile=chart.aspx.cs inherits=chart %>
<%...
<%@ 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 %>
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].legendtext = country; chart4.series[0].isvalueshownaslabel = true;//显示坐标值 #endregion } /// /// 创建一张二维数据表 /// /// datatable类型的数据表 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; } }
上一篇: mybatis的时间比较 xml 及不解析<=的写法
下一篇: 情感幽默,俏皮逗语