温湿赋 - 最好看的温湿度卡片

take1943 · 发表于昨天 22:21

本帖最后由 take1943 于 2026-1-17 22:46 编辑

夫大块噫气，寒暑代迁；室庐含润，温湿潜移。
智宅之设，贵在察几微于未形；数卡之制，妙于呈万象于一牖。
今慕陶元亮《闲情》之体，为斯卡作赋：
若夫玲珑智卡，温湿攸呈。列诸室之度数，若星罗于璇穹。临屏一览，识炎凉于咫尺。
温分四采，若虹霓之焕色；湿析四阶，如云练之垂光。青苍示恬适，朱黄警异候。寓玄理于丹青，寄警示于彩缃。
时间之轴。推移圭臬，往迹斯呈；切换旧历，昨温可溯。光阴倒注，数痕复现，俨掌上之青编。
轻触则详牖启，常卡隐于简素，详图焕于指端。时间之经、温度之域、湿度之疆，三纬并陈；卷舒任意，隐显由心。
若设三维之观，则温迹化立体，起伏成峦嶂。寒暖色阶，似朝霞夕霭之变；视角转易，得俯瞰仰观之奇。（show_3dtemperature_section 为真，则此境现）
数据双源，或本宅 Home Assistant，或远庋之途（API ）。置 api_base_url 则通他山之库。两途并蓄，永绝匮竭。
标 default_main_room（若客堂）为主房，则框廓流辉，主宾有序，重轻有别。
布局智能，调面板于协宜，定字号与奇零之位，司单位之显藏。纤微悉调，尽态极妍。
乱曰：智卡既成，温湿可御。作者竭智，用者称便。虽码累千行，而功兼百态。愿君赏其匠心之巧，味其玄思之深。灵区智宅，借此而益彰矣。

登录/注册后可看大图

闲言少续，正文伊始
1、愿在室而为卡，承君目之垂青；悲暗室之幽闭，怨无睹之寂寥。

登录/注册后可看大图

模式一（完全体）：
整体演示.gif

登录/注册后可看大图

模式二（仅显示温湿度，点击空白弹出完全体）：
模式2演示.gif

登录/注册后可看大图

模式三（仅显示温度/湿度，点击空白弹出完全体）：
单温度.jpg

2、愿在屏而为制，定温湿之度数；悲参数之错置，怨显示之失伦。


type: custom:wenshidu-card
api_base_url: http://192.168.1.62:5000/wenshidu/api   #外部api支持，结尾处会详细介绍外部api对数据的要求
card_width: 430px     #卡片宽度，不设置时为自适应宽度
show_3dtemperature_section: true   #是否开启3D功能
show_time_section: true     # 显示时间段（默认 true）
show_temperature_section: true   # 显示温度面板（默认 true）
show_humidity_section: true       # 显示湿度面板（默认 true）
card_bg: rgba(238, 241, 245, 0)
control_card_bg: rgba(255, 255, 255, 1)
floor_plan_panel_bg: rgba(255, 255, 255, 1)
default_main_room: 客厅                 #主房间，用于在时间轴中以颜色显示温度变化
show_title: true         # 显示标题（默认 true）
control_floor_boxshadow: 0 4px 10px rgba(0,0,0,0.7)
show_room_data: true          # 显示房间数据（默认 true）
show_room_label: true          # 显示房间标签（默认 true）
main_entities:
  客厅:
    temperature: sensor.keting_wendu   #主房间的实体
rooms:
  - id: 次卧
    name: 次卧
    points: 38.6611,128.3136 324.6361,128.3136 324.6361,443.9453 38.6611,443.9453
    labelX: "181.6486"
    labelY: "200"
    dataX: "181.6486"
    dataY: "250"
    room-data_font_size_round: 60,1                  #房间温湿度字体大小，不配置时默认55px，1代表保留小数位数
    room-label_font_size: 55                         #房间名称字体大小，不配置时默认55px
    room-unit_display:
      temperature: true                              #是否显示温度单位          
      humidity: true                                 #是否显示湿度单位   
  - id: 厨房
    name: 厨房
    points: 347.9378,88.0653 631.7944,88.0653 631.7944,251.1769 347.9378,251.1769
    labelX: "489.8661"
    labelY: "150"
    dataX: "489.8661"
    dataY: "200"
  - id: 餐厅
    name: 餐厅
    points: 345.8194,261.7686 629.6761,261.7686 629.6761,446.0636 345.8194,446.0636
    labelX: "487.7478"
    labelY: "320"
    dataX: "487.7478"
    dataY: "370"
  - id: 儿童房
    name: 儿童房
    points: 652.9778,92.3019 924.1244,92.3019 924.1244,310.4903 652.9778,310.4903
    labelX: "788.5511"
    labelY: "180"
    dataX: "788.5511"
    dataY: "230"
  - id: 大卫生间
    name: 大卫
    points: 813.9711,325.3186 1013.0944,325.3186 1013.0944,524.4419 813.9711,524.4419
    labelX: "913.5327"
    labelY: "400"
    dataX: "913.5327"
    dataY: "450"
  - id: 小卫生间
    name: 小卫
    points: 813.9711,541.3886 1013.0944,541.3886 1013.0944,685.4353 813.9711,685.4353
    labelX: "913.5327"
    labelY: "600"
    dataX: "913.5327"
    dataY: "650"
  - id: 客厅
    name: 客厅
    points: |-
      178.4711,632.4769 343.7011,632.4769
       343.7011,1015.8953 682.6344,1015.8953 682.6344,592.2286 801.2611,592.2286
       801.2611,325.3186 650.8594,325.3186 650.8594,460.3003 178.4711,460.3003
    labelX: "500"
    labelY: "750"
    dataX: "500"
    dataY: "800"
  - id: 主卧
    name: 主卧
    points: >-
      1008.8578,1085.8003 1013.0944,1090.0369 1013.0944,696.0269
      803.3794,696.0269 803.3794,602.8203 699.5811,602.8203 699.5811,1018.0136
      784.3144,1018.0136 784.3144,1087.9186 1008.8578,1087.9186
      1013.0944,1087.9186
    labelX: "900"
    labelY: "850"
    dataX: "900"
    dataY: "900"
entities:
  次卧:
    temperature: sensor.ciwo_wendu
    humidity: sensor.ciwo_shidu
  厨房:
    temperature: sensor.chufang_wendu
    humidity: sensor.chufang_shidu
  餐厅:
    temperature: sensor.canting_wendu
    humidity: sensor.canting_shidu
  儿童房:
    temperature: sensor.ertongfang_wendu
    humidity: sensor.ertongfang_shidu
  大卫生间:
    temperature: sensor.daweishengjian_wendu
    humidity: sensor.daweishengjian_shidu
  小卫生间:
    temperature: sensor.xiaoweishengjian_wendu
    humidity: sensor.xiaoweishengjian_shidu
  客厅:
    temperature: sensor.keting_wendu
    humidity: sensor.keting_shidu
  主卧:
    temperature: sensor.zhuwo_wendu
    humidity: sensor.zhuwo_shidu
temp_colors:
  16-20: "#3498db"
  20-25: "#2ecc71"
  25-30: "#f39c12"
  30-32: "#e74c3c"
humidity_colors:
  0-30: "#e74c3c"
  30-50: "#f39c12"
  50-70: "#2ecc71"
  70-100: "#3498db"

其中房间的坐标绘制请使用我再github中的工具，绘制后导出复制即可。

3、愿在途而为引，通诸室之度数；悲信号之衰弱，怨传输之塞滞。

下载请前往：

游客，如果您要查看本帖隐藏内容请回复

登录/注册后可看大图

愿在数而为显，示毫厘之不差；悲实体之偏误，怨读数之失伦。

登录/注册后可看大图

愿在色而为谱，呈虹霓之绚烂；悲显示之偏色，怨观感之失真。

登录/注册后可看大图

愿在触而为应，得瞬息之反馈；悲系统之迁延，怨操作之迟滞。

登录/注册后可看大图

愿在操而为简，令老少之皆宜；悲设置之繁复，怨指引之不明。

登录/注册后可看大图

愿在宅而为常，伴千门之起居；悲技术之鸿沟，怨推广之维艰。

登录/注册后可看大图

外部api搭建数据格式要求：

api_base_url: http://192.168.1.62:5000/wenshidu/api
1）获取指定月那些日期有数据（在日历种显示"A"） http://192.168.1.62:5000/wenshidu/api/dates?year=2026&month=1
返回的json如下：

{
"dates": [
"2026-01-17",
"2026-01-16",
"2026-01-15",
"2026-01-14",
],
"mode": "month",
"success": true
}

2）获取指定日期的数，当不使用room参数时返回指定时间的所有房间数据（&room=%E5%AE%A2%E5%8E%85）：http://192.168.1.62:5000/wenshidu/api/room-data-range?start_time=2025-12-01+00%3A00%3A00&end_time=2025-12-01+23%3A59%3A59&room=%E5%AE%A2%E5%8E%85
返回的json如下：
{
"data": [
{
"humidity": 18,
"room": "客厅",
"temperature": 24.7,
"time": "2025-12-01 00:00:00"
},
{
"humidity": 18,
"room": "客厅",
"temperature": 24.9,
"time": "2025-12-01 00:30:00"
},
{
"humidity": 18,
"room": "客厅",
"temperature": 24.9,
"time": "2025-12-01 01:00:00"
},
{
"humidity": 18,
"room": "客厅",
"temperature": 24.9,
"time": "2025-12-01 23:30:00"
}
],
"end_time": "2025-12-01 23:59:59",
"limit_used": 1000,
"message": "找到48条记录",
"room": "客厅",
"rooms_found": [
"客厅"
],
"start_time": "2025-12-01 00:00:00",
"success": true,
"total_records": 48
}

陈小千 · 发表于昨天 22:38

666666666666666666666

mems13 · 发表于昨天 22:52

太牛了！！

zhimiping · 发表于昨天 22:57

看看赞一个

15064187978 · 发表于 6 小时前

楼主真乃奇人

jmkl1028 · 发表于 3 小时前

看不懂

		自动登录	找回密码
密码			立即注册

[UI界面] 温湿赋 - 最好看的温湿度卡片