Sobre el proyecto
Mini Graph Card es una tarjeta Lovelace personalizada para Home Assistant que muestra el estado actual de entidades sensor y binary_sensor junto con un gráfico de líneas o barras de su historial. Se instala a través de HACS, manualmente copiando el paquete en config/www, o mediante descarga por CLI, y luego se referencia como recurso de módulo JavaScript en Lovelace.
La tarjeta se configura en YAML. Las opciones requeridas son type (custom:mini-graph-card) y entities, una lista de entidades sensor. Cada entidad puede ser un id de entidad simple o un objeto con opciones como attribute, name, color, unit, aggregate_func, show_state, show_legend_state, show_indicator, show_graph, show_line, show_fill, show_points, show_legend, state_adaptive_color, y_axis, fixed_value y smoothing.
Las opciones a nivel de tarjeta incluyen icon, icon_image, name, unit, tap_action, group, hours_to_show, points_per_hour, aggregate_func, group_by, update_interval, cache, show, animate, height, bar_spacing, line_width, line_color, color_thresholds, color_thresholds_transition, decimals, hour24, font_size, font_size_header, align_header, align_icon, align_state, lower_bound, upper_bound, min_bound_range, límites secundarios, smoothing, state_map, value_factor y logarithmic.
La lista show controla los elementos de la interfaz: name, icon, state, graph (line, bar o false), fill, points, legend, average, extrema, labels, labels_secondary, name_adaptive_color, icon_adaptive_color y loading_indicator. Las funciones de agregación incluyen avg, median, min, max, first, last, sum, delta y diff. Los datos se pueden agrupar por intervalo, fecha u hora. Los umbrales de color admiten transiciones suaves o duras e interpolación de valores de parada intermedios. Los estados no numéricos se pueden asignar a etiquetas mediante state_map, y se puede acceder a atributos en diccionarios o listas anidadas con rutas con puntos.
Los ejemplos cubren tarjetas de una sola entidad, estilos alternativos, múltiples entidades, gráficos de barras, historial semanal, tarjetas solo de gráfico, pilas horizontales, colores de línea dinámicos, eje y secundario, agrupación por fecha, funciones de agregación, sensores binarios y visualización de entidades adicionales solo de estado. Las variables de tema mcg-title-letter-spacing y mcg-title-font-weight permiten personalizar la apariencia. El desarrollo requiere nodejs y npm, con los scripts npm run build y npm run watch.
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.