图表区
萌新第一次发帖，求各位大神帮下忙，小弟感激不尽，下载了一个温度计的源代码，但是是动态的，想让温度计的温度是数据库某一列的温度求和的平均，怎么做
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区ps：小弟还有个问题想问，在引用了gridview，点击编辑会刷新页面，但是小弟的表格不在首页，想让点击还在那个页面，进行编辑有没有大神会的？
温度计的代码如下，温度符号不能显示，我给省略了
HEAD里面的代码：
<style>
.pos0 {
top: 6px;
width: 50px;
}
</style>
<style>
.pos1 {
top: 46px;
width: 50px;
}
</style>
<style>
.pos2 {
top: 86px;
width: 50px;
}
</style>
<style>
.pos3 {
top: 126px;
width: 50px;
}
</style>
下面是样式，图片在下面链接里面
图片链接链接：https://pan.baidu.com/s/1T6E5-YZsSStK_c6JVvdZ5w 密码：rhmb ，
温度计的代码如下，温度符号不能显示，我给省略了
HEAD里面的代码：
<style>
.pos0 {
top: 6px;
width: 50px;
}
</style>
<style>
.pos1 {
top: 46px;
width: 50px;
}
</style>
<style>
.pos2 {
top: 86px;
width: 50px;
}
</style>
<style>
.pos3 {
top: 126px;
width: 50px;
}
</style>
<div id="goal-thermometer" style="height: 224px; opacity: 1;">
<div id="therm-numbers">
<div class="therm-number pos0">30</div>
<div class="therm-number pos1">25</div>
<div class="therm-number pos2">20</div>
<div class="therm-number pos3">15</div>
</div>
<div id="therm-graphics" style="left: 50px;">
<img id="therm-top" src="images/glassTop.png" />
<img id="therm-body-bg" src="images/glassBody.png" style="height: 160px;" />
<img id="therm-body-mercury" src="images/redVertical.png" style="top: 64px; height: 110px;" />
<div id="therm-body-fore" style="height: 160px; background-image: url("images/tickShine.png");"></div>
<img id="therm-bottom" src="images/glassBottom.png" style="top: 173px;" />
<div id="therm-tooltip" style="top: 49px;">
<img class="tip-left" src="images/tooltipPoint.png" />
<div class="tip-middle" style="background-image: url("images/tooltipMiddle.png");">
<p>25.6</p>
</div>
<img class="tip-right" src="images/tooltipButt.png" />
</div>
</div>
</div>
下面是样式，图片在下面链接里面
#goal-thermometer,#goal-thermometer2,#goal-thermometer3{
position:relative;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
opacity:0;
}
#therm-numbers,#therm-numbers2,#therm-numbers3{
width:50px;
float:left;
opacity:.4;
}
.therm-number{
position:absolute;
text-align:right;
font-size:13px;
}
#therm-graphics,#therm-graphics2,#therm-graphics3{
float:left;
position:relative;
width:46px;
}
#therm-top,#therm-top2,#therm-top3{
position:absolute;
top:0;
left:7px;
width:32px;
height:13px;
}
#therm-body-bg,#therm-body-bg2,#therm-body-bg3{
position:absolute;
top:13px;
left:7px;
width:32px;
}
#therm-body-mercury,#therm-body-mercury2,#therm-body-mercury3{
position:absolute;
bottom:51px;
left:14px;
width: 18px;
height:2px;
}
#therm-body-fore,#therm-body-fore2,#therm-body-fore3{
position:absolute;
width:24px;
top:13px;
left:11px;
background-repeat:repeat-y;
}
#therm-bottom,#therm-bottom2,#therm-bottom3{
position:absolute;
left:0;
width:46px;
height:51px;
}
#therm-tooltip,#therm-tooltip2,#therm-tooltip3{
position:absolute;
left:38px;
width:200px;
}
#therm-tooltip .tip-left,#therm-tooltip2 .tip-left,#therm-tooltip3 .tip-left{
float:left;
width:19px;
height:32px;
}
#therm-tooltip .tip-middle,#therm-tooltip2 .tip-middle,#therm-tooltip3 .tip-middle{
float:left;
height:32px;
font-size:15px;
}
#therm-tooltip .tip-middle p,#therm-tooltip2 .tip-middle p,#therm-tooltip3 .tip-middle p{
position:relative;
margin:0;
padding-right:4px;
padding-left:3px;
top:6px;
height:32px;
opacity:.7;
background-size:64px 64px;
-moz-background-size: 100%;
}
#therm-tooltip .tip-right,#therm-tooltip2 .tip-right,#therm-tooltip3 .tip-right{
float:left;
width:9px;
height:32px;
}
.clear {
clear: both;
}
图片链接链接：https://pan.baidu.com/s/1T6E5-YZsSStK_c6JVvdZ5w 密码：rhmb ，
...全文
相关推荐
基于51单片机的数字温度计+源代码+仿真+原理图
本项目聚焦于使用51单片机设计一个数字温度计，它能够精确地显示环境温度。数字温度计相较于传统的模拟温度计，具有读取方便、精度高以及易于数据处理等优点。首先，我们要理解51单片机的基本结构和工作原理。
温度计样式
jquery-tempgauge是一款基于HTML5 的jQuery温度计插件。使用该插件可以生成温度计的外观样式，并将指定的温度度数转换为温度计的颜色刻度。 使用方法 使用该温度计插件需要引入jQuery和jquery.tempgauge.js文件。 HTML 该温度计的HTML结构非常简单：使用一个元素来包裹需要转换的温度文本。
js实现的温度计
本项目“js实现的温度计”就是一个利用JavaScript来创建动态、可视化的温度显示功能的例子。以下将详细讲解如何利用JavaScript实现温度计的功能。1.
javascript 实现温度计，湿度计的动态变化
综上所述，实现JavaScript和div来创建动态变化的温度计和湿度计是一个综合性的任务，涉及到前端开发的多个核心技能。
c#winform温度计控件.rar
综上所述，"c#winform温度计控件.rar"提供了一个实用的温度计控件实例，对于学习和理解C# WinForm中的用户控件创建、自定义绘图以及动态调整大小等技术有很好的参考价值。
