Bonjour,
j'aimerai avoir un graphique type barre avec ma consommation journalière d'electricité.
J'ai un module ZLINKY et j'utilise la carte graph statistics.
J'arrive à ca mais je voudrais que mes barres soient par jour et non pas par heure.
J'ai crée des entrées type compteurs journalier ou mensuel, j'ai toujours le même resultats.
Est-ce que quelqu'un aurait un exemple à partager?
Bonjour, @Gilles_SLAZYK
Essaye avec ce code (dans les entrées, il faut créer un "compteur de service publics" avec une réinitialisation journalière)
type: custom:apexcharts-card
cache: true
update_interval: 5min
graph_span: 7d
span:
end: day
stacked: true
show:
last_updated: true
header:
title: Journalier (7 jours)
standard_format: true
show: true
show_states: true
colorize_states: true
apex_config:
chart:
type: area
stacked: false
height: 320
dataLabels:
enabled: true
style:
fontSize: 10px
dropShadow:
enabled: true
legend:
show: false
stroke:
width: 1
fill:
type: gradient
gradient:
shadeIntensity: 0.1
opacityFrom: 1
opacityTo: 0.2
series:
- entity: sensor.total_conso_jour_hp
type: column
color: rgba(231, 76, 60, 1)
name: Heures pleines
group_by:
duration: 1d
func: last
statistics:
type: state
show:
datalabels: true
Bonjour,
C’est exactement ce que je cherchais.
Dommage que je n’y arrive pas avec l’autre carte de graph, le configurateur visuel est quand même bien pratique pour les débutants.
Mais je vais me pencher sur la doc.
Merci beaucoup,
@Gilles_SLAZYK
Un aperçu de ce que j'ai comme graphique Apexcharts chez moi pour le suivi conso avec un abonnement HP / HC.
bonjour @Dynaloo ,
C'est propre peux tu partager le code ?
J'essayerai de l'adapter à mon abondement tempo
@Jack38
Voici le code complet, les 3 cartes Apexcharts sont intégrées dans "simple swipe card " à télécharger sur hacs
type: custom:simple-swipe-card
show_pagination: false
auto_hide_pagination: 0
auto_height: false
enable_reset_after: true
reset_target_card: 1
reset_after_timeout: 10000
cards:
- type: custom:apexcharts-card
cache: true
update_interval: 5min
graph_span: 7d
span:
end: day
stacked: true
show:
last_updated: true
header:
title: Journalier (7 jours)
standard_format: true
show: true
show_states: true
colorize_states: true
apex_config:
chart:
type: area
stacked: true
height: 320
dataLabels:
enabled: true
style:
fontSize: 10px
dropShadow:
enabled: true
legend:
show: false
stroke:
width: 1
fill:
type: gradient
gradient:
shadeIntensity: 0.1
opacityFrom: 1
opacityTo: 0.2
series:
- entity: sensor.total_conso_jour_hp
type: column
color: rgba(231, 76, 60, 1)
name: Heures pleines
group_by:
duration: 1d
func: last
statistics:
type: state
show:
datalabels: true
- entity: sensor.total_conso_jour_hc
type: column
color: rgba(10, 118, 210, 1)
name: Heures creuses
group_by:
duration: 1d
func: last
statistics:
type: state
show:
datalabels: true
- type: custom:apexcharts-card
cache: true
update_interval: 5min
graph_span: 6w
span:
end: isoWeek
stacked: true
show:
last_updated: true
header:
title: Conso semaine
standard_format: true
show: true
show_states: true
colorize_states: true
apex_config:
chart:
type: area
stacked: true
height: 320
dataLabels:
enabled: true
style:
fontSize: 10px
dropShadow:
enabled: true
legend:
show: false
fill:
type:
- gradient
- gradient
- solid
gradient:
shadeIntensity: 0.1
opacityFrom: 1
opacityTo: 0.2
series:
- entity: sensor.total_conso_semaine_hp
type: column
color: rgba(231, 76, 60, 1)
stroke_width: 1
name: Heures pleines
group_by:
duration: 1w
func: last
statistics:
type: state
show:
datalabels: true
- entity: sensor.total_conso_semaine_hc
type: column
color: rgba(10, 118, 210, 1)
stroke_width: 1
name: Heures creuses
group_by:
duration: 1w
func: last
statistics:
type: state
show:
datalabels: true
- entity: sensor.total_conso_semaine
name: Année dernière
type: line
color: rgba(192, 192, 192, 1)
stroke_width: 2
offset: "-52w"
statistics:
type: state
period: day
group_by:
func: last
duration: 1w
show:
in_header: true
- type: custom:apexcharts-card
cache: true
update_interval: 1h
graph_span: 12month
span:
end: month
stacked: true
show:
last_updated: true
header:
title: Conso mois
standard_format: true
show: true
show_states: true
colorize_states: true
apex_config:
chart:
type: area
stacked: true
height: 320
dataLabels:
enabled: true
style:
fontSize: 10px
dropShadow:
enabled: true
legend:
show: false
fill:
type:
- gradient
- gradient
- solid
gradient:
shadeIntensity: 0.1
opacityFrom: 1
opacityTo: 0.2
series:
- entity: sensor.total_conso_mois_hp
type: column
color: rgba(231, 76, 60, 1)
stroke_width: 1
name: Heures pleines
group_by:
duration: 1mo
func: last
statistics:
type: state
period: month
show:
datalabels: true
- entity: sensor.total_conso_mois_hc
type: column
color: rgba(10, 118, 210, 1)
stroke_width: 1
name: Heures creuses
group_by:
duration: 1mo
func: last
statistics:
type: state
period: month
show:
datalabels: true
- entity: sensor.total_conso_mois
name: Année dernière
type: line
color: rgba(192, 192, 192, 1)
stroke_width: 2
offset: "-12mo"
statistics:
type: state
period: month
group_by:
func: last
duration: 1mo
show:
in_header: true
je ne connaissais pas "simple swipe card".
Je cherchais (sans chercher ) un truc dans le genre (pour éviter les pages trop longue sur le tél).
Je vais devoir tester ces très bons compléments, je crois que "simple swipe card" risque de devenir un indispensable ...
Merci 2 X pour le(s) partage(s)
Tu peux aussi regarder History Explorer Card, qui te permet de sélectionner sur le dashboard la vue que tu veux (10min, heure, journée, mois, etc.)
SpangleLabs/history-explorer-card: A card for Home Assistant Lovelace for exploring the history of your entities interactively and in real time.
Ci-dessous une copie d'une de mes carte de consommation électrique, avec le drop daown qui permet de sélectionner la vue à afficher.
"simple swipe card" adopté
Salut,
j'en avais fait une petite présentation :
Bonjour,
en regardant sur le forum US, je suis tombé sur ces nouvelles cartes qui pourraient en intéresser plus d’un.
area-card-plus :
[image]
[image]
[image]
[image]
Lovelace-Bubble-room :
[image]
[image]
mediocre-hass-media-player-cards :
[image]
simple-swipe-card :
[Example]
css-swipe-card :
[image]
Bon bidouillage sur vos dashboards !!
Salut,
tu devrais passer sur ce fork :
A card for Home Assistant Lovelace for exploring the history of your entities interactively and in real time.
Il est à jour niveau librairie, corrige des bugs et ajoute des nouveautés.
Bonjour @WarC0zes
J'essaye de tester le fork "Cook23/history-explorer-card ", par contre je n'arrive pas à utiliser des entités avec attribute !!!, et rien vue dans la doc.
Salut,
Pas d'option pour utiliser un attribut d'une entité, ça ne fonctionne qu'avec l'état de l'entité. Tu peux passer par un template et l'utiliser comme entité.
@WarC0zes
C'est bien ce que j'avais compris, merci