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 控件是一款新型的.可用性极强的曲线图和面积图产品.一个您网站的访问者可以放大他感兴趣的一段区域,打开和关闭数值气球,并可显示和隐藏图表.您能创建简单.堆积. ...

随机推荐

使用 urllib 处理 Cookies 信息
如何获取 Cookies : import urllib.request import http.cookiejar cookies = http.cookiejar.CookieJar() # 先声 ...
SimpleDateFormat 取当前周的周一和周日的日期，当前月第一个和最后一天的日期
/** * 类说明 :以及获取当前周的周一和周日的日期,当前月第一个和最后一天的日期 * 日期格式化:格式参数 G 年代标志符 y 年 M 月 d 日 h 时在上午或下午 (1~12) ...
Qt+imx6编写的楼宇对讲管理平台
第一个初步版本. 1:楼宇对讲模块.住户报警模块.门禁控制模块.系统设置模块. 2:实时对讲信息卡片式展示,通话记录表格展示. 3:设备面板展示,实时显示上下线报警等信息. 4:设备查询.记录查询.运 ...
css3整理--gradient
gradient语法: -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, & ...
java（7）LinkedList源码
系统环境 JDK1.7 LinkedList的基本结构 :在JDK1.6中LinkedList是双向引用的环形结构,JDK1.6中是双向引用的线性结构提醒:看链表代码时最好用笔画下链表结构有助于理 ...
java（4）异常
1.Throwable 继承体系 * Eorro * Exception --RuntimeException 该类及其子类用于表示运行时异常,Exception类下所有其他子类都用于表示编译时异常. ...
LeetCode 37 Sudoku Solver（求解数独）
题目链接: https://leetcode.com/problems/sudoku-solver/?tab=Description Problem : 解决数独问题,给出一个二维数组,将这个数独 ...
sencha touch list + carousel scrollable(与其他控件共用滚动条)
有些时候我们需要实现这种效果上边是一张图片或者一个跑马灯控件,这个布局实现起来比较容易但是如何让他们共用一个滚动条,来实现以下效果就比较麻烦了. 在官方论坛查找资料得知,可以用以下写法实现: /* ...
RDMA卡的检测方法
1. udaddy This script covers RDMA_CM UD connections. (It establishes a set of unreliable RDMA datagr ...
nginx中实现把所有http的请求都重定向到https
在网站启用https之后,我们可能会有一个需求,就是将所有的http的请求自动地重定向到https, 如果前端是使用的nginx来实现的https,我们可以这样配置nginx的301重定向: serv ...

Chart控件的使用实例

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

随机推荐

热门专题