当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net微软图表控件使用示例

asp.net微软图表控件使用示例

2018年11月01日  | 移动技术网IT编程  | 我要评论

癫痫病dna磁波技术,撕掉她的外衣7,立免网

 
<%@ 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 %>
,癫痫病dna磁波技术,撕掉她的外衣7,立免网

 

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

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网