Asp.net之MsChart控件动态绑定温度曲线图
<div>
<div style="position: absolute; z-index: 200; background-color: #FFFFFF; height: 130px;
width: 47px; top: 168px; left: 10px;">
<br />
<br />
<span style="color: Red; font-size: 12px;">最高(℃)</span> </br></br>
<span style="color: Blue; font-size: 12px;">最低(℃)</span>
</div>
<div style="position: absolute; z-index: 30; height: 119px; width: 729px; left: 31px;">
<asp:Chart ID="Chart1" runat="server" Height="145px" IsSoftShadows="False" Palette="None"
Style="margin-left: 0px" Width="729px">
<Series>
<asp:Series ChartArea="ChartArea1" ChartType="Line" IsValueShownAsLabel="True" MarkerSize=""
MarkerStyle="Circle" Name="Series2" BorderColor="Red" LabelBorderColor="Transparent"
MarkerBorderColor="Transparent" MarkerColor="Red">
</asp:Series>
<asp:Series ChartArea="ChartArea1" ChartType="Line" IsValueShownAsLabel="True" MarkerSize=""
MarkerStyle="Circle" Name="Series4" BorderColor="Blue" MarkerColor="Blue">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1">
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
</div>
</div>
前台设计
string conn = ConfigurationManager.AppSettings["ConnectionString1"].ToString();
DataTable dtTable = new DataTable();
protected void Page_Load(object sender, EventArgs e)
{ double[] xValues = { , , , , , , };
GetData();
Chart1.DataSource = dtTable;
int len = dtTable.Rows.Count; double[] yValues = new double[len];
double[] y2Values = new double[len];
for (int i = ; i < dtTable.Rows.Count; i++)
{
yValues[i] =Convert.ToDouble( dtTable.Rows[i]["Temperature_max_60"].ToString());
y2Values[i] = Convert.ToDouble( dtTable.Rows[i]["Temperature_min_60"].ToString());
}
Chart1.Series["Series2"].Points.DataBindXY(xValues, yValues);
Chart1.Series["Series4"].Points.DataBindXY(xValues, y2Values); Chart1.ChartAreas["ChartArea1"].Position.X = ;
Chart1.ChartAreas["ChartArea1"].Position.Y = ;
Chart1.ChartAreas["ChartArea1"].Position.Height = ;
Chart1.ChartAreas["ChartArea1"].Position.Width = ;
Chart1.ChartAreas["ChartArea1"].AxisX.Minimum = ;
Chart1.ChartAreas["ChartArea1"].AxisX.Maximum = 7.05;
Chart1.ChartAreas["ChartArea1"].AxisX.Interval = ;
Chart1.ChartAreas["ChartArea1"].AxisX.IntervalAutoMode = IntervalAutoMode.FixedCount;
Chart1.ChartAreas["ChartArea1"].BorderColor = Color.Gray;
Chart1.ChartAreas["ChartArea1"].AxisX.LineColor = Color.Gray;
Chart1.ChartAreas["ChartArea1"].AxisY.LineColor = Color.Gray;
Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineColor = Color.Gray;
Chart1.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineColor = Color.Gray;
Chart1.ChartAreas["ChartArea1"].AxisX.LabelStyle.ForeColor = Color.Transparent;
Chart1.ChartAreas["ChartArea1"].AxisY.LabelStyle.ForeColor = Color.Transparent;
Chart1.Series["Series2"].Color = Color.Red;
Chart1.Series["Series4"].Color = Color.Blue; }
public DataTable GetData()
{
SqlConnection con = new SqlConnection(conn);
con.Open();
string strsql = "SELECT top 7 CollectDate, zdz_min .Station, Temperature, Temperature_max_60, Temperature_max_time, Temperature_min_60, Temperature_min_time, AirPressure, Rain_sum_60, RelativeHumidity, RelativeHumidity_min_60, RelativeHumidity_min_time, WindDirection, WindSpeed, WindDirection_aver_2, WindSpeed_aver_2, WindDirection_Flurry_max, WindSpeed_Flurry_max, Wind_Flurry_max_time, Visibility, Visibility_min_60 FROM zdz_min where station between 98000 and 99501 or station =58366 order by zdz_min.CollectDate desc";
SqlCommand cmd = new SqlCommand(strsql, con);
SqlDataAdapter sda = new SqlDataAdapter(cmd); sda.Fill(dtTable);
return dtTable;
}
后台代码
Asp.net之MsChart控件动态绑定温度曲线图的更多相关文章
- asp.net微软图表控件MsChart
前段时间,开发项目时,由于需要,需要将一些数据统计,并以图表形式显示.由于是asp.net,所以就找到了MsChart图表控件,还是挺方便实用的,分享一下. MsChart控件的主要组成如图所示 工具 ...
- [转载]ASP.NET中TextBox控件设立ReadOnly="true"后台取不到值
原文地址:http://www.cnblogs.com/yxyht/archive/2013/03/02/2939883.html ASP.NET中TextBox控件设置ReadOnly=" ...
- ASP.NET Web数据控件
ASP.NET Web数据控件 1.数据控件简介 这包括数据源控件和格式设置控件,前者使您可以使用 Web 控件访问数据库中的数据,后者使您可以显示和操作ASP.NET 网页上的数据. 2.数据控件 ...
- C# WinForm动态添加MSChart控件
添加mschart.dll动态链接库 添加引用 System.Windows.Forms.DataVisualization MSChart控件作为方便的用户数据展示控件,可以方便的使用控件提 ...
- ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法
ASP.NET的FileUpload控件默认是不支持服务端的onchange事件的,此时可以用一种变通的方法来实现这一功能. 这就需要借用客户端的onchange事件,调用__doPostBack方法 ...
- asp.net中Repeater控件用法笔记
大家可能都对datagrid比较熟悉,但是如果在数据量大的时候,我们就得考虑使用 repeater作为我们的数据绑定控件了.Repeater控件与DataGrid (以及DataList)控件的主要区 ...
- 利用MsChart控件绘制多曲线图表 z
在.Net4.0框架中,微软已经将Mschart控件集成了进来,以前一直在web下面用过,原来winform下的Mschart控件更加简单更加方便,今天我们用mschart绘制一个多曲线图,话不多说, ...
- 【转】ASP.NET常用数据绑定控件优劣总结
转自:http://www.cnblogs.com/Olive116/archive/2012/10/24/2736570.html ASP.NET常用数据绑定控件优劣总结 本文的初衷在于对Asp ...
- asp.net取HTML控件值
asp.net取HTML控件值所有html表单里面的值控件,提交后都是以键值 key=value&key=value&……这样的形式提交给后台. radio也一样,会将选中的radio ...
随机推荐
- Python基础总结之第五天开始【认识简单的条件语句,也可以叫判断语句】(新手可相互督促)
周五更新很累... 坚持,年薪20万又进了一步~~ python中的条件语句以[ if ]开头,条件语句成立时,运行该代码块,如果条件不成立,则跳过该代码块,执行后面的代码块. 简单的小示例: 输入性 ...
- 关于http 500错误的小结分享
一般情况下,http 500内部服务器(HTTP-Internal Server Error)错误说明IIS服务器无法解析ASP代码,访问一个静态页面试试是否也出现这个问题. 如果访问静态页面没问题, ...
- kali,ubuntu, debain DNS 配置
kali 是基于 debain 的一个 Linux 发行版 DNS 的配置 是在文件 /etc/resolv.conf 下. 但是,我们会发现 /etc/resolv.conf 每次重启都会失效, ...
- 数据结构之队列C++版
#include "stdafx.h"/* 队列是一种先进先出的线性表队列的核心是对头部和尾部索引的操作 如上图所示,当对头索引移动到最前面6,队尾又不不再末尾0的位置,那么如果不 ...
- 头部姿态估计 - Android
概括 通过Dlib获得当前人脸的特征点,然后通过旋转平移标准模型的特征点进行拟合,计算标准模型求得的特征点与Dlib获得的特征点之间的差,使用Ceres不断迭代优化,最终得到最佳的旋转和平移参数. A ...
- python3学习-Queue模块
python标准库中带有一个Queue模块,顾名思义,队列.该模块也衍生出一些基本队列不具有的功能. 我们先看一下队列的方法: put 存数据 get 取数据 empty 判断队列是否为空 qsize ...
- postman->newman->jenkins构建过程的问题记录及解决方法
从postman导出请求集合后要做的工作: 需要调整导出的json文件,如配置环境变量{{host}},需要修改成准确的url; 通过newman执行newman run test_request.j ...
- JavaMail的简单使用(自测可以发邮件)
在很多项目中我们都会遇到发送邮件的功能,发送邮件其实还是很实用的,正好今天做项目需要实现,现在来简单的整理一下发送邮件的实现. 建立邮件与服务器之间的会话 Properties props = new ...
- Mysql超详解
Mysql超详解 一.命令框基本操作及连接Mysql 找到Mysql安装路径,查看版本 同时按快捷键win+R会弹出一个框,在框中输入cmd 点击确定后会出现一个黑框,这是命令框,我们的操作要在这命令 ...
- 弃用 wget, 拥抱多线程下载 axel
0x00 事件 对于在 Linux 的下载工具而言,比较常用的就是 wget 或者 curl,吾也一直用 wget 的方式进行网络上的资源下载.偶然发现了 axel 这个支持多线程的下载工具,试用了几 ...