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

随机推荐

proxy chains 试用
我的机子是通过一台windows机器上的CCProxy代理上网.可是在设置了系统代理以后,发现在终端下若要进行ftp或者ssh等操作,并不能使用代理(但是wget是可以的). 期间试过一些方法,比如在 ...
安装RVDS2.2
本人经过一晚上的折腾,已经将rvds2.2成功部署在为AMD平台的CPU上面,除了些许小BUG外,编译程序无任何错误,可成功将产上的AXF文件通过Jlink烧制到开发板上. 感谢cdly7475为我们 ...
springboot 集成elasticsearch
In this article, we will discuss about “How to create a Spring Boot + Spring Data + Elasticsearch Ex ...
python 学习笔记---文件处理
1.打开文件读取数据 f =open(“wenjian.txt”,"r") print(f) f.close() 直接变成列表--->list(f) for each_lin ...
java基础---->java注解的使用（一）
注解是众多引入到Java SE5中的重要的语言变化之一.它为我们在代码中添加信息提供了一种形式化的方法,使我们可以在稍后某个时刻非常方便的使用这些数据.今天我们就开始学习一下java中注解的知识. j ...
Esper学习之二：事件类型
Esper对事件有特殊的数据结构约定.能处理的事件结构有:POJO,java.util.Map,Object Array,XML 1.POJO 对于POJO,Esper要求对每一个私有属性要有gett ...
Android 性能分析工具 TraceView
官方地址 http://developer.android.com/tools/debugging/debugging-tracing.html 推荐:http://blog.csdn.net/inn ...
thinkphp 构建子查询
thinkphp构建子查询sql语句写法从3.0版本开始新增了子查询支持,有两种使用方式: 1.使用select方法当select方法的参数为false的时候,表示不进行查询只是 ...
[Noi2016]区间[离散化+线段树维护+决策单调性]
4653: [Noi2016]区间 Time Limit: 60 Sec Memory Limit: 256 MBSubmit: 621 Solved: 329[Submit][Status][D ...
C程序设计语言习题（3-5）
编写函数itob(n,s,b),将整数n转换为以b为底的数,并将转换结果以字符的形式保存到字符串s中.e.g.itob(n,s,16)把整数n格式化为十六进制整数保存在s中. #include< ...

Chart控件的使用实例

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

随机推荐

热门专题