如何快速配置Home Assistant数据可视化：Mini Graph Card完整指南

【免费下载链接】mini-graph-card Minimalistic graph card for Home Assistant Lovelace UI 项目地址: https://gitcode.com/gh_mirrors/mi/mini-graph-card

想要在Home Assistant中创建简洁美观的数据图表吗？Mini Graph Card正是您需要的终极解决方案！这款专为Lovelace界面设计的图表卡片能够将传感器数据转化为直观的可视化图形，让您轻松掌握家居环境变化趋势。无论您是初学者还是经验丰富的用户，本指南都将帮助您快速上手并充分利用Mini Graph Card的强大功能。

🚀 快速安装步骤

推荐安装方式：HACS

HACS（Home Assistant社区商店）是最便捷的安装方式。只需几个简单步骤：

1. 打开Home Assistant实例
2. 进入HACS界面
3. 搜索"mini-graph-card"
4. 点击安装即可完成

手动安装方法

如果选择手动安装，只需三个简单步骤：

1. 下载最新版本的mini-graph-card-bundle.js文件
2. 将文件放入config/www目录
3. 在配置文件中添加资源引用

添加资源引用

在您的configuration.yaml文件中添加以下配置：

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

或者通过图形界面操作：进入"配置" → "Lovelace仪表盘" → "资源"选项卡，添加新的JavaScript模块资源。

⚙️ 基础配置教程

单实体图表配置

最简单的配置方式就是显示单个传感器的数据图表：

type: custom:mini-graph-card
entities:
  - sensor.temperature

多实体图表配置

想要同时监控多个传感器？Mini Graph Card完美支持多实体显示：

type: custom:mini-graph-card
name: 服务器状态
icon: mdi:server
entities:
  - entity: sensor.server_total
    name: 总流量
  - sensor.server_sent
  - sensor.server_received

🎨 自定义外观设置

图表样式调整

Mini Graph Card提供了丰富的自定义选项，让您完全掌控图表的外观：

• 线条颜色：自定义图表线条颜色
• 线条粗细：调整线条宽度
• 图表高度：设置合适的显示高度
• 显示格式：24小时制或12小时制时间显示

动态颜色阈值

想要根据数值变化自动改变线条颜色？试试动态颜色阈值功能：

color_thresholds:
  - value: 20
    color: "#f39c12"
  - value: 21
    color: "#d35400"
  - value: 21.5
    color: "#c0392b"

📊 高级功能详解

时间范围设置

通过hours_to_show选项，您可以轻松控制图表显示的时间范围：

hours_to_show: 168
points_per_hour: 0.25

数据聚合功能

Mini Graph Card支持多种数据聚合方式：

• 平均值：显示数据的平均趋势
• 最大值/最小值：突出极端数值
• 总和：累计数据统计

双Y轴显示

当需要同时显示不同量纲的数据时，双Y轴功能就派上用场了：

entities:
  - entity: sensor.verandah
    name: 阳台温度
  - entity: sensor.lounge
    name: 客厅温度
  - entity: input_number.nighttime
    y_axis: secondary

🔧 实用配置示例

柱状图配置

想要更直观的数据展示？切换到柱状图模式：

show:
  graph: bar

纯图表模式

如果只想显示图表而不显示其他信息：

show:
  icon: false
  name: false
  state: false

💡 使用技巧与建议

性能优化提示

• 合理设置points_per_hour值，避免图表过于密集
• 使用update_interval控制数据更新频率
• 启用缓存功能提升加载速度

常见问题解决

如果遇到图表显示问题，可以尝试：

1. 清除浏览器缓存
2. 检查资源引用是否正确
3. 确认传感器数据是否可用

📈 实际应用场景

环境监控

• 温度、湿度传感器数据可视化
• 光照强度变化趋势图表
• 空气质量指标监控

设备状态跟踪

• 服务器流量监控
• 能源消耗统计
• 网络设备状态显示

🎯 总结

Mini Graph Card作为Home Assistant生态系统中最受欢迎的图表卡片之一，以其简洁的设计和强大的功能赢得了用户的广泛好评。通过本指南的学习，您已经掌握了从安装配置到高级应用的全部知识。现在就开始使用Mini Graph Card，让您的智能家居数据更加直观易懂！

记住，最好的学习方式就是动手实践。从简单的单实体图表开始，逐步尝试更复杂的配置，您很快就能成为数据可视化专家！🌟

【免费下载链接】mini-graph-card Minimalistic graph card for Home Assistant Lovelace UI 项目地址: https://gitcode.com/gh_mirrors/mi/mini-graph-card