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

随机推荐

Python查找文件
1. 利用字符串的前缀和后缀匹配查找文件 str.startswith() star.endswith() 2.使用fnmatch fnmatch 判断文件名是否符合特定模式 ...
敏感词过滤和XML的创建
今天我慢下来啦,因为这三天没有新的课程学习内容,自己仅仅看啦一些,这让我停下来栖息片刻:说说现在的生活,简单的进行着,每天要奔波着去上课,然后回来,每天都在想怎样学习这个小知识点,大脑也在想怎样解决程 ...
RabbitMQ笔记四：Binding,Queue,Message概念
Binding详解黄线部分就是binding Exchange与Exchange,Queue之间的虚拟连接,Binding中可以包含Routing key或者参数创建binding 注意: ...
c# linq update单个字段
1.更新单个字段 /// <summary> /// 更新字段 /// </summary> /// <typeparam name="T">& ...
Objective-C官方文档协议
版权声明:原创作品,谢绝转载!否则将追究法律责任. 在现实生活中,当处理某一情况的时候人们往往遵循严格的程序.执法人员他们在打官司的收集证据和询问的时候一定要遵守协议. 在面向对象的语言中,最重要的是 ...
【HubbleDotNet】HubbleDotNet配置安装注册key获取
今天配置HubbleDotNet发现一个问题安装界面需要注册key 点击[get key],跳转网页: http://www.hubbledotnet.com/key.aspx 结果网页有bug,坑 ...
【EF框架】使用params参数传值防止SQL注入报错处理
通过SqlParameter传时间参数,代码如下: var param = new List<SqlParameter>(); param.Add(new SqlParameter(&qu ...
sencha touch Demo(示例)(2014-6-25)
这是一个开源示例,是我对sencha touch的深层应用.已停止更新 sencha touch版本:2.2.1/2.3.1 源码地址: https://bitbucket.org/moLangZai ...
分布式文件系统FastDFS架构剖析
ps.本文来自于网络一.什么是FastDfs FastDFS是一个开源的轻量级分布式文件系统,它对文件进行管理,功能包括:文件存储.文件同步.文件访问(文件上传.文件下载)等,解决了大容量存储和负载 ...
【转】RTMP/RTP/RTSP/RTCP协议对比与区别介绍
用一句简单的话总结:RTSP发起/终结流媒体.RTP传输流媒体数据 .RTCP对RTP进行控制,同步. 之所以以前对这几个有点分不清,是因为CTC标准里没有对RTCP进行要求,因此在标准RTSP的代码 ...

Chart控件的使用实例

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

随机推荐

热门专题