Chart控件的使用实例

ChartTest.aspx：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChartTest.aspx.cs" Inherits="UserManager.Test.ChartTest" %>

<%@ 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></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <center>

            <asp:ScriptManager ID="ScriptManager1" runat="server">

            </asp:ScriptManager>

        <asp:UpdatePanel runat="server">

          <ContentTemplate>

            <asp:Chart ID="Chart1" runat="server" Height="496px" Width="612px"  ImageLocation="~/TempImages/ChartPic_#SEQ(300,3)"

                BorderDashStyle="Solid" BackSecondaryColor="White" BackGradientStyle="VerticalCenter"

                BorderWidth="2px" BackColor="211, 223, 240" BorderColor="#1A3B69" 

                onclick="Chart1_Click">

                <Legends>

                    <asp:Legend IsTextAutoFit="False" Name="Default" BackColor="Transparent" TitleAlignment="Center"

                        Font="Trebuchet MS, 8.25pt, style=Bold">

                    </asp:Legend>

                </Legends>

                <BorderSkin SkinStyle="Emboss"></BorderSkin>

                <Series>

                </Series>

                <ChartAreas>

                    <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid"

                        BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent"

                        BackGradientStyle="TopBottom">

                        <Area3DStyle Rotation="10" Perspective="10" Inclination="15" IsRightAngleAxes="False"

                            WallWidth="0" IsClustered="False"></Area3DStyle>

                        <AxisY LineColor="64, 64, 64, 64">

                            <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />

                            <MajorGrid LineColor="64, 64, 64, 64" />

                        </AxisY>

                        <AxisX LineColor="64, 64, 64, 64">

                            <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />

                            <MajorGrid LineColor="64, 64, 64, 64" />

                        </AxisX>

                    </asp:ChartArea>

                </ChartAreas>

                <Titles>

                    <asp:Title Text="我的一家" />

                </Titles>

            </asp:Chart>

            </ContentTemplate>

        </asp:UpdatePanel>

             </center>

    </div>

   

    </form>

</body>

</html>

ChartTest.aspx.cs:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Web.UI.DataVisualization.Charting;

namespace UserManager.Test

{

    public partial class ChartTest : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            

               // this.Chart1.Click += new ImageMapEventHandler(Chart1_Click);

                Series series = new Series("年龄");

                //设置图表类型

                series.ChartType = SeriesChartType.Column;

                series.BorderWidth = 7;

                series.ShadowOffset = 2;

               

                series.Points.AddY(44);

                series.Points.AddY(43);

                series.Points.AddY(24);

                series.Points.AddY(20);

                series.Points.AddY(23);

                //X轴显示的名称

                series.Points[0].AxisLabel = "爸爸";

                series.Points[1].AxisLabel = "妈妈";

                series.Points[2].AxisLabel = "陈太汉";

                series.Points[3].AxisLabel = "陈姗";

                series.Points[4].AxisLabel = "陈晓玲";

                //顶部显示的数字

                series.Points[0].Label = "44";

                series.Points[1].Label = "43";

                series.Points[2].Label = "24";

                series.Points[3].Label = "20";

                series.Points[4].Label = "23";

                //鼠标放上去的提示内容

                series.Points[0].ToolTip = "44";

                series.Points[1].ToolTip = "43";

                series.Points[2].ToolTip = "24";

                series.Points[3].ToolTip = "20";

                series.Points[4].ToolTip = "23";

                Series series1 = new Series("其他");

                series1.ChartType = SeriesChartType.Column;

                series1.BorderWidth = 3;

                series1.ShadowOffset = 2;

               

                series1.Points.AddY(144);

                series1.Points.AddY(143);

                series1.Points.AddY(124);

                series1.Points.AddY(120);

                series1.Points.AddY(123);

               

                series1.Points[0].Label = "144";

                series1.Points[1].Label = "143";

                series1.Points[2].Label = "124";

                series1.Points[3].Label = "120";

                series1.Points[4].Label = "123";

                series1.Points[0].ToolTip = "144";

                series1.Points[1].ToolTip = "143";

                series1.Points[2].ToolTip = "124";

                series1.Points[3].ToolTip = "120";

                series1.Points[4].ToolTip = "123";

                series1.YAxisType = AxisType.Primary;

                series1.YValueType = ChartValueType.Time;

                Chart1.Series.Add(series);

                Chart1.Series.Add(series1);

                //按照升序的方式排列

                Chart1.Series[0].Sort(PointSortOrder.Ascending);

                Chart1.Series[1].Sort(PointSortOrder.Ascending);

 

                foreach(Series serie  in Chart1.Series)

                {

                    serie.PostBackValue = "#AXISLABEL" + ";#INDEX";

                }

             

        }

       protected void Chart1_Click(object sender, ImageMapEventArgs e)

        {

            string str = e.PostBackValue;

        }

 

    }

}

Chart控件的使用实例的更多相关文章

Chart控件文档
假设c1Chart1为Chart控件的一个实例. 一.基本框架图二.主要外层属性(即this.c1Chart1的主要属性) 1.Header和Footer,上标题和下标题.位于this.c1Char ...
ASP.NET中的chart控件绑定SQL Server数据库
网上很多的chart控件的实例都没有绑定数据库,经过一番摸索后,终于实现了chart控件绑定数据库. 首先,在Visual Studio中建立一个网站,新建一个WebForm项目,名称为ChartTe ...
用Chart控件绘制动态图表
进行程序设计时,选用一个合适的ActiveX控件,有时可大大减少编程工作量.ActiveX 控件(又称OCX)基于COM技术,作为独立的软件模块,它可以在任何程序设计语言中插入使用.本文仅以VC++为 ...
C# Chart控件教程
一.什么是Micosoft.Chart.Controls Micosoft.Chart.Controls是微软自带的一个图形可视化的组件,可以在Web程序和窗体程序中(Windowsform)中使用. ...
C# chart控件基础使用
基本介绍:chart(图表) 功能:主要用来绘制折线图,柱状图与饼状图,也可达到动态效果(例如作示波器): 需要说明一个chart可以包含多个chartArea. chartArea是具体的坐标区域 ...
常量，字段，构造方法调试 ms 源代码一个C#二维码图片识别的Demo 近期ASP.NET问题汇总及对应的解决办法 c# chart控件柱状图，改变柱子宽度使用C#创建Windows服务 C#服务端判断客户端socket是否已断开的方法线程线程池 Task .NET 单元测试的利剑——模拟框架Moq
常量,字段,构造方法常量 1.什么是常量常量是值从不变化的符号,在编译之前值就必须确定.编译后,常量值会保存到程序集元数据中.所以,常量必须是编译器识别的基元类型的常量,如:Boolean ...
九、chart控件的使用（图表数据的展示）
chart属于老插件网上还有新的插件功能也更多) Chart控件是VS自带的控件,只是比较老了,功能肯定不如现在出来的某些插件强,不过对于简单的显示还是够用:那么现在来看看chart控件的使用方法: ...
C# Chart控件，chart、Series、ChartArea曲线图绘制的重要属性
http://blog.sina.com.cn/s/blog_621e24e20101cp64.html 为避免耽误不喜欢这种曲线图效果的亲们的时间,先看一下小DEMO效果图: 先简单说一下,从图中可 ...
javascript曲线图和面积图Line & Area chart控件功能及下载
Line & Area chart 控件是一款新型的.可用性极强的曲线图和面积图产品.一个您网站的访问者可以放大他感兴趣的一段区域,打开和关闭数值气球,并可显示和隐藏图表.您能创建简单.堆积. ...

随机推荐

Redis 操作集合数据
Redis 操作集合数据: > sadd set1 Tom // sadd 用于往集合中添加元素 (integer) > sadd set1 John (integer) > sad ...
[Linux] 如何修改 Linux 主机名
该方法适用于安装了 Linux 系统的Raspberry Pi & Cubieboard. 在终端执行: sudo vi /etc/hosts 你看到的 hosts 文件应该是这样的: 127 ...
编写java的时候出现“编码GBK的不可映射字符”
今天在编写文件的时候,使用 javac ***.java 但是java文件里面会出现一些中文的信息,So:会报错方法: 加参数-encoding UTF-8 例如:javac -encodig UT ...
Android学习之Gallery
在Android中,画廊控件Gallery用来显示图片列表,可以用手指直接拖动图片左右移动.Gallery只能水平显示一行,且Gallery列表中的图片会根据不同的拖动情况向左或向右移动,直到显示到最 ...
微信redirect_uri 回调错误，scope权限错误
scope权限错误以及微信redirect_uri回调错误昨天修改项目的时候,初始时,因为项目最开始使用的是第三方授权处理,拿到的用户openid是第三方账号的,所以需要将获取对方信息的代码修改.只 ...
Androidの疑难杂症之加载布局报Error inflating class <unknown>
android.view.InflateException: Binary XML file line #12: Error inflating class <unknown> 出现这种错 ...
Python pyQt4/pyQt5 学习笔记2(状态栏、菜单栏和工具栏)
例子:状态栏.菜单栏和工具栏 import sys from PyQt4 import QtGui class Example(QtGui.QMainWindow): def __init__(sel ...
Android控件开发——ListView
上篇博客解决了Android客户端通过WebService与服务器端程序进行交互的问题,这篇博客重点关注两个问题,一个是Android应用程序如何与本机文件型数据库SQLite进行交互,另一问题则是如 ...
PHPStorm 注册码&主题皮肤
JetBrains PhpStorm 注册方法: 用浏览器打开 http://idea.lanyus.com/ 点击页面中的“获得注册码” 然后打开PhpStorm,在注册时切换至Activation ...
[转][darkbaby]任天堂传——失落的泰坦王朝(上)
前言: 曾经一再的询问自我;是否真的完全了解任天堂这个游戏老铺的真实本质?或许从来就没有人能够了解,世间已经有太多的真相被埋没在谎言和臆测之中.作为一个十多年游龄的老玩家,亲眼目睹了任天堂从如日 ...

Chart控件的使用实例

Chart控件的使用实例的更多相关文章

随机推荐

热门专题