<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微软图表控件MsChart

    前段时间,开发项目时,由于需要,需要将一些数据统计,并以图表形式显示.由于是asp.net,所以就找到了MsChart图表控件,还是挺方便实用的,分享一下. MsChart控件的主要组成如图所示 工具 ...

  2. 问题：MSChart.exe；结果：微软图表控件MsChart使用方法及各种插件下载地址

    微软图表控件MsChart使用方法及各种插件下载地址 (2012-08-10 17:32:33) 转载▼ 标签: 图表 控件 下载地址 kernel32 微软 it 分类: C# 昨天在网上看到了微软 ...

  3. 微软图表控件MsChart使用

    assemblies节点下:<add assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, ...

  4. c#winform图表控件使用示例

    公司有个需求,需要做嵌入式开发,跟硬件通信,把数据实时展示到winform中,网上查了资料,先写下个demo备用,到时候接入socket通信就完成了,具体效果如图 实现的原理是把最开始的数据去掉,加入 ...

  5. ASP.NET Core MVC TagHelper实践HighchartsNET快速图表控件-开源

    ASP.NET Core MVC TagHelper最佳实践HighchartsNET快速图表控件支持ASP.NET Core. 曾经在WebForms上写过 HighchartsNET快速图表控件- ...

  6. 微软Charting图表控件 System.Web.UI.DataVisuliztion.Charting

    一.概述 基于.NET Framework 3.5 SP1的图表控件--Chart,可在WinForm和WebForm下使用!需要引入System.Web.DataVisualization.dll ...

  7. 关于微软C#中的CHART图表控件的简单使用【转】

    最近公司项目要用到Chart图表控件,这是一个比较老的东西了,目前网络上似乎已经不太流行这个控件,但是只要配置了相关的属性,效果还是可以的.前前后后摸索了好久,接下来谈谈这个件控件最重要的几个属性. ...

  8. 关于微软C#中的CHART图表控件的简单使用

    最近公司项目要用到Chart图表控件,这是一个比较老的东西了,目前网络上似乎已经不太流行这个控件,但是只要配置了相关的属性,效果还是可以的.前前后后摸索了好久,接下来谈谈这个件控件最重要的几个属性. ...

  9. .net chart(图表)控件的使用-System.Windows.Forms.DataVisualization.dll

    这个案例指在介绍微软这套免费又功能强大的图表控件Microsoft Chart Controls for Microsoft .NET Framework 3.5,通过它,可让您的项目及报表,轻松套用 ...

随机推荐

  1. Cetnos搭建vsftp服务器

    1.首先yum安装vsftp server   以3.0.2为例 命令:yum -y install vsftpd 2.配置文件  vsftp.conf 具体配置内容如下: anonymous_ena ...

  2. 锤子坚果pro突破京东10万好评，还有什么是锤子科技做不出...

    作为2017年手机圈明星产品的锤子科技坚果Pro,可是一点都不安分呢! 9月份锤子科技推出一款新机型--坚果Pro银魂定制版 这在动漫圈跟手机圈都掀起一股不小的浪潮. 外观漂亮,颜值超高,续航时间长. ...

  3. css编写注意事项（不定时更新）

    CSS的编写是需要积累的,而一个好的css编写习惯对我们将来的成长是非常有利的,我会把我平时看到的或者遇到的会不定时的更新到这里,不时翻一下,但求有所进步. 如果各位看官也有看法和建议,评论下,我也会 ...

  4. Windows10 VS2015下分别编译libevent 32位和64位库

    Libevnt 在Windows10 VS2015下分别编译32位和64位库 直接上王道 libevent代码地址: https://github.com/libevent/libevent git ...

  5. 201521123024《Java程序设计》第8周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 2. 书面作业 本次作业题集集合 1.List中指定元素的删除(题目4-1) 1.1 实验总结 注意conve ...

  6. 201521123036 《Java程序设计》第2周学习总结

    本周学习总结 java数据类型: 基本类型:整数,浮点,boolean类 引用类型:数组,类,接口,null类型 String类:String类的对象不可变,字符串API,大量修改字符串使用Strin ...

  7. 201521123079《java程序设计》第11周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 2. 书面作业 本次PTA作业题集多线程 1.互斥访问与同步访问 完成题集4-4(互斥访问)与4-5(同步访问) ...

  8. json：JSONObject包的具体使用（JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包）

    1.JSONObject介绍 JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包. 2.下载jar包 http:// ...

  9. Vuforia开发完全指南---不懂编程也能做AR程序

    不懂编程也能做AR程序 可能一听到要做AR程序,很多人都会想到这是程序员的事.如果不懂编程,不会写代码,是做不了AR程序的.其实,Vuforia的Unity SDK非常人性化,即使你不会编程,也能做出 ...

  10. 页面设计-数据列表 DataGrid

    传统软件项目开发时,针对每个业务单据页面需要每控件一个一个的来设计,同时需要在页面功能中对每个控件的属性进行判定处理,尤其是页面风格布局样式需要花去一大半的时间,并且后续要想修改是非常麻烦繁琐,这样就 ...