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 ...
随机推荐
- CCNA笔记(一)
R1#enable R1#configure terminal R1(config)#interface fastEthernet 0/0R1(config-if)#ip address 12.1.1 ...
- springcloud-provider-consumer-register
作者:纯洁的微笑出处:http://www.ityouknow.com/ 版权归作者所有,转载请注明出处 上一篇文章我们介绍了eureka服务注册中心的搭建,这篇文章介绍一下如何使用eureka服务注 ...
- springBoot综合开发
作者:纯洁的微笑出处:www.ityouknow.com 版权所有,欢迎保留原文链接进行转载:) 上篇文章介绍了Spring boot初级教程:spring boot(一):入门篇,方便大家快速入门. ...
- NLP(十二)依存句法分析的可视化及图分析
依存句法分析的效果虽然没有像分词.NER的效果来的好,但也有其使用价值,在日常的工作中,我们免不了要和其打交道.笔者这几天一直在想如何分析依存句法分析的结果,一个重要的方面便是其可视化和它的图分析 ...
- IDEA下基于MAVEN的SSM框架整合
源码可以以上传github https://github.com/ingxx/ssm_first 最近把用IDEA把SSM框架整合一遍遇到了不少坑,在这里写出来 这里maven我使用的是自己下载的3. ...
- js函数柯理化
所谓的函数柯理化,简单来说就是,一个需要接收多个参数的函数,进行分开一个个的传递参数,当函数执行的时候,传递剩余的参数. 主要作用在于增强函数的通用性. 如下举个例子: function custom ...
- ajax定义与开发最简五步骤
ajax是什么? a (async异步) j (javascript) a (and) x (xml)即异步的javascript和xml ajax特点:异步 不刷新整个页面 (局部刷新) we ...
- 《HTTP权威指南》--阅读笔记(一)
HTTP: HyperText Transfer Protocol 测试站点:http://www.joes-hardware.com URI包括URL和URN URI: Uniform Resour ...
- MySQL数据库基本知识(理论总结)
定义:数据库就是一个文件系统,通过sql语句来获取数据 关系型数据库:关系型数据库存放的是实体时间的关系,在数据库层面来看就是存放的是表和表之间的关联关系 常见的关系型数据库 MySQL D ...
- Selenium+java - 截图操作
写在前面 自动化测试过程中,运行失败截图可以很好的帮我们定位问题,因此,截图操作也是我们自动化测试中的一个重要环节. 截图方法 1.通过截图类TakeScreenshout实现截图 特点:截取浏览器窗 ...