Home Assistant Mini Graph Card 终极指南：简单快速的可视化图表卡片安装教程
【免费下载链接】mini-graph-cardMinimalistic graph card for Home Assistant Lovelace UI项目地址: https://gitcode.com/gh_mirrors/mi/mini-graph-card
想要在Home Assistant仪表板中展示传感器数据的漂亮图表吗？Mini Graph Card正是您需要的解决方案！这款极简风格的图表卡片专门为Lovelace UI设计，能够将传感器数据转换为直观的线形图或柱状图，让您的智能家居数据一目了然。
🚀 为什么选择Mini Graph Card？
作为Home Assistant用户，您是否遇到过这些问题：
- 传感器数据难以直观理解
- 默认图表功能有限，无法满足个性化需求
- 想要创建专业美观的数据可视化界面
Mini Graph Card完美解决了这些痛点！它支持：
- 📊 多种图表类型（线图、柱状图）
- 🎨 完全自定义的颜色和样式
- ⚡ 动态数据更新和动画效果
- 📱 响应式设计，适配各种屏幕尺寸
📦 三种安装方法任选其一
方法一：HACS安装（推荐）
HACS（Home Assistant社区商店）是最便捷的安装方式：
- 打开Home Assistant，进入HACS
- 点击"集成"，然后点击右下角的"+"号
- 搜索"Mini Graph Card"
- 点击安装并重启Home Assistant
方法二：手动安装
- 下载最新版本的mini-graph-card-bundle.js
- 将文件复制到您的
config/www目录 - 添加资源引用（见下文）
方法三：命令行安装
对于熟悉命令行的用户：
cd config/www wget https://gitcode.com/gh_mirrors/mi/mini-graph-card/releases/download/v0.13.0/mini-graph-card-bundle.js🔧 配置资源引用
YAML配置方式
在您的configuration.yaml文件中添加：
resources: - url: /local/mini-graph-card-bundle.js?v=0.13.0 type: module图形界面配置方式
- 确保在用户配置文件中启用了高级模式
- 导航到"配置" -> "Lovelace仪表板" -> "资源"标签页
- 点击橙色"+"图标
- 输入URL：
/local/mini-graph-card-bundle.js，类型选择"JavaScript模块"
🎯 基础配置示例
单实体图表配置
type: custom:mini-graph-card entities: - sensor.temperature多实体图表配置
type: custom:mini-graph-card name: 室内环境 icon: mdi:home entities: - entity: sensor.living_room_temperature name: 温度 - entity: sensor.living_room_humidity name: 湿度✨ 高级功能展示
动态颜色阈值
根据数值自动改变图表颜色：
type: custom:mini-graph-card entities: - sensor.temperature color_thresholds: - value: 18 color: "#3498db" - value: 22 color: "#f39c12" - value: 26 color: "#e74c3c"柱状图显示
type: custom:mini-graph-card entities: - sensor.energy_consumption show: graph: bar🔧 核心配置选项详解
必填选项
- type: 必须设置为
custom:mini-graph-card - entities: 传感器实体列表，支持多个传感器同时显示
常用自定义选项
- hours_to_show: 显示多少小时的历史数据（默认24小时）
- points_per_hour: 每小时的显示精度（默认0.5）
- line_color: 图表线条颜色
- line_width: 线条粗细
- height: 图表高度
💡 使用技巧和最佳实践
优化性能
对于长时间的数据显示，建议适当降低points_per_hour值：
hours_to_show: 168 # 显示一周数据 points_per_hour: 0.25 # 降低精度以提升性能水平堆叠多个图表
创建专业的数据面板：
type: horizontal-stack cards: - type: custom:mini-graph-card entities: - sensor.temperature - type: custom:mini-graph-card entities: - sensor.humidity🛠️ 故障排除
常见问题解决
卡片不显示？
- 检查资源引用是否正确配置
- 确认实体ID拼写无误
- 重启Home Assistant
图表更新缓慢？
- 检查传感器数据更新频率
- 调整
update_interval参数
样式不正常？
- 清除浏览器缓存
- 检查主题变量设置
📚 进阶学习资源
想要深入了解Mini Graph Card的所有功能？建议查看：
- 官方配置文档：README.md
- 贡献者指南：CONTRIBUTING.md
- 更新日志：CHANGELOG.md
🎉 开始使用吧！
现在您已经掌握了Mini Graph Card的完整使用方法。这款强大的图表卡片将彻底改变您在Home Assistant中查看数据的方式。无论是温度、湿度、能耗还是其他传感器数据，都能以最直观的方式呈现。
立即安装Mini Graph Card，开始创建属于您的专业级数据可视化界面吧！
【免费下载链接】mini-graph-cardMinimalistic graph card for Home Assistant Lovelace UI项目地址: https://gitcode.com/gh_mirrors/mi/mini-graph-card
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
