网上很多的chart控件的实例都没有绑定数据库，经过一番摸索后，终于实现了chart控件绑定数据库。

首先，在Visual Studio中建立一个网站，新建一个WebForm项目，名称为ChartTest1.aspx

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChartTest1.aspx.cs" Inherits="ChartTest1" %>

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

    <asp:Chart ID="Chart1" runat="server">

    <Titles>

                <asp:Title Font="微软雅黑, 16pt" Name="Title1" Text="****统计表">

                </asp:Title>

            </Titles>

            <borderskin skinstyle="Emboss"></borderskin>

        <Series>

            <asp:Series Name="Series1"  ChartType="Bubble" MarkerSize="" MarkerStyle="Circle">

                </asp:Series>

        </Series>

       <ChartAreas>

                <asp:ChartArea Name="ChartArea1"  BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">

                </asp:ChartArea>

            </ChartAreas>

    </asp:Chart>

        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />

    </div>

    </form>

</body>

</html>

后台代码：

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.Drawing;

using System.Data.SqlClient;

using System.Configuration;

using System.Data.OleDb;

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

{

    public static string conn = "Data Source=(local);Integrated Security=True;Initial Catalog=HESDK1";

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    //创建一张二维数据表

        /// <summary>

        /// 创建一张二维数据表

        /// </summary>

        /// <returns>Datatable类型的数据表</returns>

        DataTable CreatData()

        {

            DataTable dt = new DataTable();

            //实例化SqlConnection对象

            SqlConnection sqlCon = new SqlConnection();

            //实例化SqlConnection对象连接数据库的字符串

            sqlCon.ConnectionString = conn;

            //定义SQL语句

            //sql公用部分

            string sqlQ = "select TO_c,Plc_c from History ";

           // DataTable tb = ADO.GetDataTable(sqlQ);

            dt = GetDataTable(sqlQ);

            return dt;

        }

        //数据库查询返回datatable

        public static DataTable GetDataTable(string Sqlstr)

        {

            DataTable dt;

            SqlDataAdapter sda;

            SqlConnection sqlCon = new SqlConnection();

            //实例化SqlConnection对象连接数据库的字符串

            sqlCon.ConnectionString = conn;

            sqlCon.Open();

            sda = new SqlDataAdapter(Sqlstr, conn);

            //sda.SelectCommand.CommandTimeout = 120;

            dt = new DataTable();

            sda.Fill(dt);

            sqlCon.Close();

            return dt;

        }

       protected void Button1_Click(object sender, EventArgs e)

       {

           SqlConnection connection = new SqlConnection(conn);

           // 折线图

           DataTable dt = CreatData();

           // #region 折线图

           Chart1.DataSource = dt;//绑定数据

           Chart1.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;//设置图表类型

           Chart1.Series[].XValueMember = "TO_c";//X轴数据成员列

           Chart1.Series[].YValueMembers = "Plc_c";//Y轴数据成员列

           Chart1.ChartAreas["ChartArea1"].AxisX.Title = "温度";//X轴标题

           Chart1.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

           Chart1.ChartAreas["ChartArea1"].AxisY.Title = "压力";//Y轴标题

           Chart1.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远

           Chart1.ChartAreas["ChartArea1"].AxisX.Interval = ;//X轴数据的间距

           Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线

           Chart1.Series[].IsValueShownAsLabel = true;//显示坐标值

           // #endregion

          /*

           Chart1.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;//设置图表类型

           string mySelectQuery = "SELECT TO_c,Plc_c FROM History;";

           SqlConnection connection = new SqlConnection(conn);

           SqlCommand myCommand = new SqlCommand(mySelectQuery, connection);

           myCommand.Connection.Open();

           SqlDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);

           Chart1.DataBindTable(myReader, "TO_c");

           myReader.Close();

           myCommand.Connection.Close();

           * */

       }

}

ASP.NET中的chart控件绑定SQL Server数据库的更多相关文章

  1. 解决Asp.net中的Chart控件运行出现错误提示“ ChartImg.axd 执行子请求时出错”

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABTkAAAJwCAIAAADN5fIdAAAgAElEQVR4nOzdfZAc1X3o/VNFlbcoJf

  2. (转)客户端触发Asp.net中服务端控件事件

    第一章. Asp.net中服务端控件事件是如何触发的 Asp.net 中在客户端触发服务端事件分为两种情况: 一. WebControls中的Button 和HtmlControls中的Type为su ...

  3. asp.net中的ListBox控件添加双击事件

    问题:在Aspx页里的ListBox A中添加双击事件,将选中项添加到另一个ListBox B中,双击ListBox B中的选中项,删除当前选中项 页面: <asp:ListBox ID=&qu ...

  4. ASP.NET中 WebForm 窗体控件使用及总结【转】

    原文链接:http://www.cnblogs.com/ylbtech/archive/2013/03/06/2944675.html ASP.NET中 WebForm 窗体控件使用及总结. 1.A, ...

  5. C#常见控件与SQL Sever数据库交互

    C#常见控件与SQL Sever数据库交互 下拉框(ComboBox)与数据库绑定 首先,我们采用DataSet作为临时的数据库,这样会比较好 那么,我们先创建两个成员(对象) string sqlc ...

  6. 如何用asp.net MVC框架、highChart库从sql server数据库获取数据动态生成柱状图

    如何用asp.net MVC框架.highChart库从sql server数据库获取数据动态生成柱状图?效果大概是这样的,如图: 请问大侠这个这么实现呢?

  7. .NET跨平台之旅：升级至ASP.NET 5 RC1，Linux上访问SQL Server数据库

    今天微软正式发布了ASP.NET 5 RC1(详见Announcing ASP.NET 5 Release Candidate 1),.NET跨平台迈出了关键一步. 紧跟这次RC1的发布,我们成功地将 ...

  8. EF Core中，通过实体类向SQL Server数据库表中插入数据后，实体对象是如何得到数据库表中的默认值的

    我们使用EF Core的实体类向SQL Server数据库表中插入数据后,如果数据库表中有自增列或默认值列,那么EF Core的实体对象也会返回插入到数据库表中的默认值. 下面我们通过例子来展示,EF ...

  9. asp.net中的GridView控件的部分知识点

    <PagerTemplate> <br /> <asp:Label ID="lblPage" runat="server" Tex ...

随机推荐

  1. 【USACO 3.2】Sweet Butter（最短路）

    题意 一个联通图里给定若干个点,求他们到某点距离之和的最小值. 题解 枚举到的某点,然后优先队列优化的dijkstra求最短路,把给定的点到其的最短路加起来,更新最小值.复杂度是\(O(NElogE) ...

  2. 关于js中this关键字的补充

    前面: 前面虽然综合了网络上不少大牛的心得,但感觉还是意犹未尽,为了彻底搞清楚js中this的相关知识,决定再写一篇.个人觉得,在技术上,除非钻到细枝末节,否则很难达至非常高的水平. 补充1: 无法重 ...

  3. Android基础测试题(四)

    看了前两道题大家有没有发现,测试题少了(一),大家猜猜测试题(一)是什么? Android基础测试题(四): 需求: 建一个方法,格式化输出2016-11-14 10:15:26格式的当前时间,然后截 ...

  4. java面向对象---对象初始化

    在本地变量中,如果定义了一个变量后没有赋值就使用,那么eclipse就会报错:但是在成员变量中,java是会强制给一个没有初始化的变量一个默认的初始值0, 如果是一个boolean类型的变量,那么默认 ...

  5. form表单序列化后的数据转json对象

    function formToJson(){ var data = $("#form").serialize(); data= decodeURIComponent(data,tr ...

  6. JUC学习笔记--Atomic原子类

    J.U.C 框架学习顺序 http://blog.csdn.net/chen7253886/article/details/52769111 Atomic 原子操作类包 Atomic包 主要是在多线程 ...

  7. iOS无限循环滚动scrollview

    经常有园友会问"博主,有没有图片无限滚动的Demo呀?", 正儿八经的图片滚动的Demo我这儿还真没有,今天呢就封装一个可以在项目中直接使用的图片轮播.没看过其他iOS图片无限轮播 ...

  8. Win7 命令行强制杀死进程

    原理 1.查看当前正在运行的进程 tasklist 如下图所示 2.强制杀死映像名称为imagename的进程,映像名称可通过任务管理器或tasklist命令查看 taskkill /im image ...

  9. SQLServer------存储过程在C#中的使用方法

    //存储过程的使用 PSContext _db = new PSContext(); _db.Database.CommandTimeout = ; Type t = typeof(CompanySt ...

  10. Java数据结构——平衡二叉树的平衡因子（转自牛客网）

    若向平衡二叉树中插入一个新结点后破坏了平衡二叉树的平衡性.首先要找出插入新结点后失去平衡的最小子树根结点的指针.然后再调整这个子树中有关结点之间的链接关系,使之成为新的平衡子树.当失去平衡的最小子树被 ...