Mini-Graph-Card 卡片空间优化技巧：隐藏标题与图标

在 Home Assistant 的界面设计中，mini-graph-card 是一款广受欢迎的数据可视化组件。但在实际使用中，许多用户发现默认布局会占用较多垂直空间，特别是在移动设备或紧凑布局场景下。本文将介绍如何通过配置优化卡片空间利用率。

默认布局的空间占用问题

默认情况下，mini-graph-card 会显示三个主要元素：

1. 左侧图标（icon）
2. 中间标题（name）
3. 右侧数值状态（state）

这种三列布局虽然清晰，但在某些场景下会显得冗余。例如当监测温度时，单位"°C"已经明确表示了数据类型，此时图标和标题"温度"就显得重复。

空间优化配置方案

通过修改 show 配置参数，可以灵活控制各元素的显示状态：

show:
  name: false  # 隐藏标题
  icon: false  # 隐藏图标

启用此配置后，卡片将仅显示数值状态，大幅节省垂直空间。这种简化布局特别适合：

• 移动设备的小屏幕
• 需要紧凑排列多个卡片的仪表盘
• 数据含义明确的场景（如温度、湿度等标准测量值）

进阶使用建议

1. 选择性隐藏：可以根据需要只隐藏图标或只隐藏标题，保留另一个元素作为标识

2. 结合其他优化：可以同时调整 height 参数和 font_size 来进一步优化空间利用

3. 语义明确原则：当隐藏标题和图标时，确保数值单位能明确表达数据含义，避免歧义

这种空间优化技巧体现了 mini-graph-card 的高度可定制性，让用户可以根据实际场景平衡信息完整性和界面紧凑性。通过合理配置，可以在不损失功能性的前提下，打造更加高效的 Home Assistant 界面布局。