<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. 关于小程序http请求的问题

    解决wx.request 发起的是 HTTPS 请求的问题 对于wx.request,大家可以理解为是微信小程序版的ajax,基于安全性考虑他的url地址必须是以https开头的,但对于一个开发者来说 ...

  2. java 多线程（0） Java线程

    线程 线程是系统调度的基本单元,每当创建一个进程时,会有许多的线程,也叫轻量级进程,在一个进程中拥有多个线程,各自都有自己的计数器,堆和局部变量属性,并且能够分享内存变量. 为什么要使用多线程  1. ...

  3. 201521123017 《Java程序设计》第8周学习总结

    1. 本周学习总结 2. 书面作业 Q1.List中指定元素的删除(题目4-1) 1.1 实验总结 for (int i = list.size()-1; i >=0; i--) {//从最后一 ...

  4. 201521123031 《Java程序设计》第6周学习总结

    1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 注1:关键词与内容不求多,但概念之间的联系要清晰,内容覆盖 ...

  5. 201521123062《Java程序设计》第1周学习总结

    1.本章学习总结 认识Java平台运行环境,运行软件 初步认识JDK,JRE,JVM基本含义 书面作业 1.为什么java程序可以跨平台运行?执行java程序的步骤是什么? Java平台运行在各平台的 ...

  6. 201521123051《Java程序设计》第十三周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jmu ...

  7. Python 浅谈注释的重要性

    最近参加了一个比赛,然后看到队友编程的代码,我觉得真的是难以下咽,几乎每个字符都要咨询他,用老师的话来说,这就是山炮编程员,所以此时的我意识到写一篇关于注释程序的重要性了,因此特地的写一篇文章帮助大家 ...

  8. Sublime自定义语法

    以thinkphp框架的assign函数为例 在sublime\Data\Packages\PHP下 新建文件:assign.sublime-snippet 内容为 <snippet> & ...

  9. SpringMVC第五篇【方法返回值、数据回显、idea下配置虚拟目录、文件上传】

    Controller方法返回值 Controller方法的返回值其实就几种类型,我们来总结一下-. void String ModelAndView redirect重定向 forward转发 数据回 ...

  10. [04] 利用注解生成实体类对应的建表sql语句

    1.实现功能 我们已经对注解有了基本的认识,知道了如何自定义注解,如何使用和最基本的处理注解. 本篇主要介绍,如何使用运行时级别的注解,配合反射来自动生成建表的sql语句.如下例: 我们有实体类Stu ...