使用apexcharts-card图形化直观展示天气变化趋势

zmg

起因

每天早晚习惯性查看天气预报，其实对天气预报提供的最高温度、最低温度基本无感，我最想知道的是，今天比昨天升高或降低了几度，明天又比今天有什么变化。
于是尝试在HA上实现了天气趋势卡片，这样看起来就直观多了。

先看效果图


说明


上面一排数字：当前温度、当前体感温度、今天最低温度、今天最高温度、明天最低温度、明天最高温度
下面的图形，横坐标是时间轴，涵盖范围3天（昨天、今天、明天），纵坐标是温度和风力。
上下两条折线，红色是三天的预报最高温度，蓝色是预报最低温度。
中间的曲线，黄色是实际温度的变化曲线，绿色是体感温度变化曲线。
灰色的方框表示预报的风力。
红色的竖线表示当前时间。

图中可以直观看出，明天相比今天，最高温度和最低温度均有大幅下降，而且有大风，所以明天会感觉非常寒冷。

代码

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

说明
因卡片中的图形使用了template sensor的历史数据，所以配置完成后不会立即显示完整曲线，需等待2天后才能显示完整效果。

zebradam

这个曲线很直观，谢大佬分享

sxhzj

好很好很好很好

南柯醉一梦丶

整挺好~


/**
* Linux常用命令：du -sk * | sort -rn 以容量大小为依据依次显示文件和目录的大小
* 不是别人，是我，承认了你的价值
* Link https://greasyfork.org/zh-CN/scripts/396933-hostloc-zsbd
*/

Jarvis

不错，不错，学习了

cokeii

感谢分享

zebradam

name: >-
        明天{% if states('sensor.temp_hi_1d')|int < states('sensor.temp_hi')|int %}↘{% else %}↗{% endif %}{{ (states('sensor.temp_hi_1d')|int - states('sensor.temp_hi')|int)|abs }}
这部分内容报错，萌新一脸懵逼
expected alphabetic or numeric character, but found ';' in "/config/configuration.yaml", line 163, column 16

zmg

zebradam 发表于 2023-1-29 16:07
name: >-
        明天{% if states('sensor.temp_hi_1d')|int < states('sensor.temp_hi')|int %}↘{% els ...

老问题了。需要把代码中的 &lt; 改成 < ，&gt; 改成 >

zebradam

zmg 发表于 2023-1-29 16:50
老问题了。需要把代码中的 &lt; 改成 < ，&gt; 改成 >

谢大佬，我赶紧去试试看

kang.mk

感谢分享