开源项目教程：mini-graph-card

开源项目教程：mini-graph-card

mini-graph-cardMinimalistic graph card for Home Assistant Lovelace UI项目地址:https://gitcode.com/gh_mirrors/mi/mini-graph-card

项目介绍

mini-graph-card 是一个为 Home Assistant Lovelace UI 设计的极简主义和可定制的图表卡片。该卡片适用于 sensor 和 binary_sensor 域中的实体，并提供了丰富的配置选项来满足不同用户的需求。

项目快速启动

安装

1. 通过 HACS 安装：

   • 确保你已经安装了 HACS。
   • 在 HACS 的 "Frontend" 部分，搜索 mini-graph-card 并安装。

2. 手动安装：

   • 下载 mini-graph-card-bundle.js 文件并将其放置在你的 Home Assistant 配置目录下的 www 文件夹中。
   • 在 ui-lovelace.yaml 中添加资源引用：

     resources:
       - url: /local/mini-graph-card-bundle.js?v=0.12.1
         type: module
     

配置

以下是一个基本的配置示例：

type: custom:mini-graph-card
entities:
  - sensor.example_sensor
name: Example Graph

应用案例和最佳实践

显示多个传感器数据

你可以同时显示多个传感器的数据：

type: custom:mini-graph-card
entities:
  - sensor.temperature_1
  - sensor.temperature_2
name: Temperature Sensors

自定义图标和颜色

你可以为每个实体设置自定义图标和颜色：

type: custom:mini-graph-card
entities:
  - entity: sensor.temperature_1
    name: Living Room
    icon: mdi:home
    color: red
  - entity: sensor.temperature_2
    name: Bedroom
    icon: mdi:bed
    color: blue
name: Temperature Sensors

典型生态项目

mini-graph-card 通常与其他 Home Assistant 插件和组件一起使用，以提供更丰富的功能和更好的用户体验。以下是一些典型的生态项目：

1. Home Assistant：一个开源的家庭自动化平台，mini-graph-card 是其 Lovelace UI 的一部分。
2. HACS (Home Assistant Community Store)：一个社区驱动的插件商店，用于管理和安装 Home Assistant 的插件和组件。
3. Lovelace UI：Home Assistant 的默认用户界面，支持自定义卡片和布局。

通过结合这些项目，你可以创建一个功能强大且美观的家庭自动化系统。

mini-graph-cardMinimalistic graph card for Home Assistant Lovelace UI项目地址:https://gitcode.com/gh_mirrors/mi/mini-graph-card