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,通过它,可让您的项目及报表,轻松套用 ...

随机推荐

图片懒加载Demo
相关知识: [js获取元素位置+元素大小]全面总结
五,ESP8266 TCP服务器多连接
一些时间去准备朋友的元器件了... 接着写,,争取今天写完所有的文章,,因为答应了朋友下周5之前要做好朋友的东西对于TCP大家在玩AT指令的时候有没有发现客户端最多连接5个,,,再连接就不行了?? ...
Web前端和后端之区分，以及…
原文地址:Web前端和后端之区分,以及面临的挑战[转]作者:joyostyle 在我们实际的开发过程中,我们当前这样定位前端.后端开发人员. 1)前端开发人员:精通JS,能熟练应用JQuery,懂CS ...
IPv4子网掩码回顾
子网掩码的介绍: IP协议标准规定:每一个使用子网的节点都选择一个32位的位模式,若位模式中的某位置为1,则对应IP地址中的某位就为网络地址(包括网络部分和子网号)中的一位:若位模式中的某位置0,则对 ...
MySQL中char与varchar区别，varchar最大长度是多少？
一.首先来说下字符与字节的区别: 字符与字节它们完全不是一个位面的概念,所以两者之间没有"区别"这一说法.在不同编码里,字符和字节的对应关系是不同的.一般来说,半角英文状态下一个字 ...
团队作业4——第一次项目冲刺（Alpha版本）第六天and第七天
团队作业4--第一次项目冲刺(Alpha版本)第六天and第七天第一次项目冲刺(Alpha版本)第六天一.Daily Scrum Meeting照片二.燃尽图 1.解释说明横纵坐标代表的含义 ...
201521123087 《java程序设计》第七周学习总结
1. 本周学习总结 2. 书面作业 ArrayList代码分析1.1 解释ArrayList的contains源代码 ...
JAVA课程设计刘舒婷 201521123096
1.团队课程设计博客链接 2.个人负责模块说明 2.1 界面菜单的设计: 2.2 录入学生信息: 2.3 对已录入的学生信息进行修改: 3.个人代码提交记录截图 4.自己负责模块或任务详细说明 4.1 ...
201521123028 《Java程序设计》第13周学习总结
本周学习总结书面作业网络基础 1.1 比较ping www.baidu.com与ping cec.jmu.edu.cn,分析返回结果有何不同?为什么会有这样的不同? Ans:cec.jmu.edu ...
Markdown 练习
一个例子: 例子开始 1. 本章学习总结今天主要学习了三个知识点封装继承多态 2. 书面作业 Q1. java HelloWorld命令中,HelloWorld这个参数是什么含义? 今天学了一 ...

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

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

随机推荐

热门专题