power-wheel-card: 家庭能源消耗与生产的直观表示方法-CSDN博客

本文链接：https://blog.csdn.net/gitblog_01006/article/details/141770875

power-wheel-card: 家庭能源消耗与生产的直观表示方法

power-wheel-cardAn intuitive way to represent the power and energy that your home is consuming or producing. (A custom card for the Lovelace UI of Home Assistant.)项目地址:https://gitcode.com/gh_mirrors/po/power-wheel-card

项目介绍

power-wheel-card 是一个专为 Home Assistant 的 Lovelace 用户界面设计的自定义卡片。它以一种创新的“轮状”图形方式展示家庭中的电力（实时功率）和能量（消耗或产生的电能）情况。这个组件在 Home Assistant 论坛上有详细的讨论，并且在 GitHub 上拥有完整的wiki页面，支持用户深入理解其功能与配置。此卡片允许用户直观地看到太阳能、电网和家庭用电情况，支持多种视图，包括功率视图、能量视图和金钱视图，以及高度可定制化的设计选项。

项目快速启动

要快速启动并运行 power-wheel-card，您可以选择以下两种安装方式：

使用HACS (推荐)

在您的Home Assistant系统中启用HACS。
进入HACS界面，点击“Frontend”，然后在右下角点击大的"+"图标。
搜索“Power Wheel Card”，按提示完成安装。

手动安装 (高级用户)

下载 power-wheel-card.js 文件，从master分支或其他您所需的分支。
将文件保存到Home Assistant配置目录下的www文件夹内。
在Lovelace配置中添加卡片资源，记得更新v参数以绕过缓存:
```
lovelace:
  resources:
    - url: /local/power-wheel-card.js?v=1
      type: module
```
更新v值每次当您更新卡片源码时，确保浏览器和移动设备的应用缓存被正确刷新。

应用案例和最佳实践

功率视图入门: 对于初次使用者，建议从简单的配置开始，只设置功率视图，以便于理解其基本工作原理。配置示例如下：
```
resources:
  - url: /local/power-wheel-card.js?v=1
    type: module
cards:
  - type: custom:power-wheel-card
    power_decimals: 2
    initial_view: "power"
```
自定义美化: 利用card-mod集成进一步调整样式，比如改变图标颜色和布局，让其更符合个人审美和家庭自动化系统的风格。

典型生态项目

尽管本项目主要作为独立的Home Assistant自定义卡片存在，但它与Home Assistant生态系统紧密结合，特别是在智能家居领域。它可以与各种能源监控传感器配合使用，如太阳能发电系统、智能电表等，以实现全面的家庭能源管理。此外，通过结合使用如lovelace-auto-views等插件，可以自动切换视图，提供更加流畅的用户体验，增强家中能源使用数据的可视性。

通过上述步骤和说明，您可以轻松将 power-wheel-card 集成到您的Home Assistant中，享受直观而强大的家庭能源监控体验。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考