Перейти к содержанию
Проекты

ApexCharts Card — сложные графики на панели HomeAssistant, когда history-graph уже мало

Опубликовано: Автор: MichaelИсточник: t.me

Нужны несколько осей, сравнение датчиков, bar/area/column, заголовки с текущим значением и нормальный вид на планшете у стены. Карточка RomRider/apexcharts-card рисует это поверх ApexCharts.js прямо в Lovelace.

ПроектыHomeAssistantHome AssistantDashboardHACSУмныйДомАвтоматизация
📈 ApexCharts Card (https://github.com/RomRider/apexcharts-card) — сложные графики на панели #HomeAssistant, когда history-graph уже мало Нужны несколько осей, сравнение датчиков, bar/area/column, заголовки с текущим значением и нормальный вид на планшете у стены. Карточка RomRider/apexcharts-card рисует это поверх ApexCharts.js прямо в Lovelace. Кастомная карточка интерфейса, MIT, ~1860★. Актуальный релиз v2.2.3 (2025-08-21). Ставится из #HACS (Frontend) или вручную как resource. Не путать с mini-graph-card: там проще «линия + сейчас», здесь — гибкая конфигурация серий, осей и типов. ✨ Что умеет: 📊 line / area / column / bar и комбинации на одной карточке 🧭 несколько Y-осей, group_by, transform и statistics 🧩 header с актуальным значением, цветами и действиями ⏱ span периода, now-маркер, шаблоны конфигурации 🎨 тонкая настройка через опции ApexCharts 📦 ставится через #HACS как frontend-карточка ⠀ В #HomeAssistant: #HACS → Frontend → ApexCharts Card → добавить resource при необходимости → в редакторе панели type: custom:apexcharts-card. Дальше — series с entity_id, тип графика, ось и заголовок. Примеры и опции — в README репозитория и ветке community. Нюанс: это не встроенный history graph. Ошибки в YAML/опциях дают пустой график — смотрите browser console. Тяжёлые series и длинный span нагружают браузер планшета. Карточка живёт в Lovelace; данные берутся из recorder/statistics HA, отдельного backend нет. После обновления HA/HACS сверяйте changelog: релизный цикл спокойный, последний push в репо — 2026-02. 🏠 Где уместно: 🌡 температура/влажность нескольких комнат на одном графике ⚡ мощность и энергия с разными шкалами 🖥 «красивая» аналитика на wall-tablet 🧪 когда mini-graph уже тесен, а Grafana ради двух линий — overkill ⠀ 📚 GitHub · ApexCharts Card (https://github.com/RomRider/apexcharts-card) · релизы (https://github.com/RomRider/apexcharts-card/releases) · HACS (https://hacs.xyz/) Источник: Home Assistant (https://t.me/home_assistant) #HomeAssistant #HACS #Dashboard #УмныйДом #Автоматизация