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

<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微软图表控件使用示例的更多相关文章

asp.net微软图表控件MsChart
前段时间,开发项目时,由于需要,需要将一些数据统计,并以图表形式显示.由于是asp.net,所以就找到了MsChart图表控件,还是挺方便实用的,分享一下. MsChart控件的主要组成如图所示工具 ...
问题：MSChart.exe；结果：微软图表控件MsChart使用方法及各种插件下载地址
微软图表控件MsChart使用方法及各种插件下载地址 (2012-08-10 17:32:33) 转载▼ 标签: 图表控件下载地址 kernel32 微软 it 分类: C# 昨天在网上看到了微软 ...
微软图表控件MsChart使用
assemblies节点下:<add assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, ...
c#winform图表控件使用示例
公司有个需求,需要做嵌入式开发,跟硬件通信,把数据实时展示到winform中,网上查了资料,先写下个demo备用,到时候接入socket通信就完成了,具体效果如图实现的原理是把最开始的数据去掉,加入 ...
ASP.NET Core MVC TagHelper实践HighchartsNET快速图表控件-开源
ASP.NET Core MVC TagHelper最佳实践HighchartsNET快速图表控件支持ASP.NET Core. 曾经在WebForms上写过 HighchartsNET快速图表控件- ...
微软Charting图表控件 System.Web.UI.DataVisuliztion.Charting
一.概述基于.NET Framework 3.5 SP1的图表控件--Chart,可在WinForm和WebForm下使用!需要引入System.Web.DataVisualization.dll ...
关于微软C#中的CHART图表控件的简单使用【转】
最近公司项目要用到Chart图表控件,这是一个比较老的东西了,目前网络上似乎已经不太流行这个控件,但是只要配置了相关的属性,效果还是可以的.前前后后摸索了好久,接下来谈谈这个件控件最重要的几个属性. ...
关于微软C#中的CHART图表控件的简单使用
最近公司项目要用到Chart图表控件,这是一个比较老的东西了,目前网络上似乎已经不太流行这个控件,但是只要配置了相关的属性,效果还是可以的.前前后后摸索了好久,接下来谈谈这个件控件最重要的几个属性. ...
.net chart(图表)控件的使用-System.Windows.Forms.DataVisualization.dll
这个案例指在介绍微软这套免费又功能强大的图表控件Microsoft Chart Controls for Microsoft .NET Framework 3.5,通过它,可让您的项目及报表,轻松套用 ...

随机推荐

Java并发之线程
在前面我们介绍的一些内容中,我们的程序都是一条执行流,一步一步的执行.但其实这种程序对我们计算机的资源的使用上是低效的.例如:我们有一个用于计算的程序,主程序计算数据,在计算的过程中每得到一个结果就需 ...
带你简单了解python协程和异步
带你简单了解python的协程和异步前言对于学习异步的出发点,是写爬虫.从简单爬虫到学会了使用多线程爬虫之后,在翻看别人的博客文章时偶尔会看到异步这一说法.而对于异步的了解实在困扰了我好久好久,看 ...
python re group()
python group() 正则表达式中,group()用来提出分组截获的字符串,()用来分组 import re a = "123abc456" print re.search ...
团队作业8----第二次项目冲刺（Beta阶段）第七天
BETA阶段冲刺第六天 1.小会议ing 2.每个人的工作 (1)昨天已完成的工作完成查重部分 (2) 今天计划完成的工作 (3) 工作中遇到的困难: 尤少辉:在测试的时候发现了,文件名保存到数据 ...
通过修改my.ini配置文件来解决MySQL 5.6 内存占用过高的问题
打开后台进程发现mysql占用的内存达到400+M. 修改一下my.ini这个配置文件的配置选项是可以限制MySQL5.6内存占用过高这一问题的,具体修改选项如下: performance_schem ...
java--利用exe4j生成.exe的可执行文件
工具:eclipse,exe4j,jre,这三个都可以直接在官方网站下载,下面所用到的都是最新版的. 前期准备:用eclipse编好需要生成.exe文件的project,另外exe4j需要一个注册码, ...
201521123005 《Java程序设计》第十一周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 2. 书面作业本次PTA作业题集多线程 Q1.互斥访问与同步访问完成题集4-4(互斥访问)与4-5(同步访问) ...
201521123109《java程序设计》第九周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 2. 书面作业本次PTA作业题集异常 1. 常用异常题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自 ...
Java第九周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 2. 书面作业本次PTA作业题集异常 1.常用异常题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己 ...
如何选择适合的前端UI框架
根据近几年前端框架的热门,在前端开发框架不断更新与交换的时代,每一年都有黑马出现,是否适合自己开发的项目就不得而知了,只有认真的了解之后才能知道,这里主要给大家说一下如何选择适合旅游的前端UI框架?相 ...

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

asp.net微软图表控件使用示例的更多相关文章

随机推荐

热门专题