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控件的使用实例的更多相关文章

  1. Chart控件文档

    假设c1Chart1为Chart控件的一个实例. 一.基本框架图 二.主要外层属性(即this.c1Chart1的主要属性) 1.Header和Footer,上标题和下标题.位于this.c1Char ...

  2. ASP.NET中的chart控件绑定SQL Server数据库

    网上很多的chart控件的实例都没有绑定数据库,经过一番摸索后,终于实现了chart控件绑定数据库. 首先,在Visual Studio中建立一个网站,新建一个WebForm项目,名称为ChartTe ...

  3. 用Chart控件绘制动态图表

    进行程序设计时,选用一个合适的ActiveX控件,有时可大大减少编程工作量.ActiveX 控件(又称OCX)基于COM技术,作为独立的软件模块,它可以在任何程序设计语言中插入使用.本文仅以VC++为 ...

  4. C# Chart控件教程

    一.什么是Micosoft.Chart.Controls Micosoft.Chart.Controls是微软自带的一个图形可视化的组件,可以在Web程序和窗体程序中(Windowsform)中使用. ...

  5. C# chart控件基础使用

    基本介绍:chart(图表) 功能:主要用来绘制折线图,柱状图与饼状图,也可达到动态效果(例如作示波器): 需要说明 一个chart可以包含多个chartArea. chartArea是具体的坐标区域 ...

  6. 常量，字段，构造方法 调试 ms 源代码 一个C#二维码图片识别的Demo 近期ASP.NET问题汇总及对应的解决办法 c# chart控件柱状图，改变柱子宽度 使用C#创建Windows服务 C#服务端判断客户端socket是否已断开的方法 线程 线程池 Task .NET 单元测试的利剑——模拟框架Moq

    常量,字段,构造方法   常量 1.什么是常量 ​ 常量是值从不变化的符号,在编译之前值就必须确定.编译后,常量值会保存到程序集元数据中.所以,常量必须是编译器识别的基元类型的常量,如:Boolean ...

  7. 九、chart控件的使用（图表数据的展示）

    chart属于老插件网上还有新的插件功能也更多) Chart控件是VS自带的控件,只是比较老了,功能肯定不如现在出来的某些插件强,不过对于简单的显示还是够用:那么现在来看看chart控件的使用方法: ...

  8. C# Chart控件，chart、Series、ChartArea曲线图绘制的重要属性

    http://blog.sina.com.cn/s/blog_621e24e20101cp64.html 为避免耽误不喜欢这种曲线图效果的亲们的时间,先看一下小DEMO效果图: 先简单说一下,从图中可 ...

  9. javascript曲线图和面积图Line & Area chart控件功能及下载

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

随机推荐

  1. iOS９下App Store新应用提审攻略

    博文转载 CocoaChina 文/文公子 公子在第十讲中提到应用更新时需要注意的细节和苹果便捷通道的利用.今天,公子将进一步深扒iTunes Connect的面纱,为大家呈现新应用在提审前需要准备的 ...

  2. Python正则表达式 学习笔记

    python第一个正则表达式 1. import re : python正则表达式模块 2. 第一个正则表达式 re.compile(r'imooc') pattern.match('imooc py ...

  3. Tomcat的目录结构和配置文件详解

    本文转载: https://www.zybuluo.com/1234567890/note/515235 参考帖子: Tomcat(一):基础配置详解 Tomcat服务器中配置多个域名,访问不同的we ...

  4. RabbitMQ备份交换器

    备份交换器,AlternateExchange(AE): 备份交换器是为了实现没有路由到队列的消息,与上篇介绍到的mandatory都是为了处理没有路由到的消息. AE相对于mandatory逻辑更简 ...

  5. JWNL的配置使用

    JWNL是什么? JWNL is an API for accessing WordNet-style relational dictionaries. It also provides functi ...

  6. 基于WordNet的英文同义词、近义词相似度评估及代码实现

    源码地址:https://github.com/XBWer/WordSimilarity 1.确定要解决的问题及意义 在基于代码片段的分类过程中,由于程序员对数据变量名的选取可能具有一定的规范性,在某 ...

  7. jquery.sparkline.js简介

    jQuery线状图插件Sparkline 官网地址:http://omnipotent.net/jquery.sparkline/ 文档地址:http://omnipotent.net/jquery. ...

  8. Qt编写网络中转服务器（开源）

    需求1:手机端或者其他端可以对设备进行回控,并查看设备各种运行状态,接收报警推送等.2:同时支持在局域网.广域网.互联网访问,尤其是互联网访问.3:权限控制,给定账号控制授权的设备,并自动拉取设备信息 ...

  9. Android JSON语法解析示例

    参考: http://www.open-open.com/lib/view/open1326376799874.html https://www.cnblogs.com/jycboy/p/json_x ...

  10. set数组去重

    new Set const arr = [{name:"wo"},{name:"shi"},{name:"wo"}] console.log ...