hello, je me penche également sur cette carte découverte la semaine dernière.
Testé aujourd’hui = j’ai des graphes curves de 0:00 jusqu’à 23:59.
Savez-vous s’il y a moyen d’afficher plutôt un graphe curve des 24 dernières heures ? autrement dit un graphe pour lequel le point le plus à droite représente le moment présent, j’ai pas trouvé
hello, il te suffit de mettre :
graph_span: 24h
cela te donnera les dernieres 24h
Yes j’avais déjà mis le graph_span: 24h
Mais j’avais tout simplement pas retiré le
span : start : day
Content que ça vous plaise
Ravi de te compter parmi nous !
Merci pour tes fabuleuses cartes !
Bonjour à tous,
Je n’arrive pas a afficher l’info dans le haut d’une colonne, voici mon code:
- type: 'custom:apexcharts-card'
graph_span: 7d
span:
start: day
offset: '-7d'
stacked: true
header:
show: false
title: Conso à 7 jours
apex_config:
chart:
type: area
height: 400
stroke:
show: true
width: 1
curve: smooth
datalabels:
enabled: true
legend:
show: true
fill:
type: gradient
gradient:
shadeIntensity: 0.1
opacityFrom: 0.25
opacityTo: 1
inverseColors: true
stops:
- 0
- 90
- 100
series:
- color: 'rgb(138,43,226)'
entity: sensor.compteur_d_eau
type: column
group_by:
func: diff
duration: 24h
Et le graphe:
Et normalement, si je me suis pas planté, j’ai la différence entre chaque jour sur 7 jours…
Je kiff cette card mais j’essaye de faire un barre graph qui affiche les semaines (4 dernières) et un autre qui affiche les mois (mois de l’année)
Si quelqu’un à une idée de la config je serais preneur
Depuis je ne sais plus quelle version, tu peux definir l’affichage des datalabels directement dans les series:
- type: 'custom:apexcharts-card'
graph_span: 7d
span:
start: day
offset: '-7d'
stacked: true
header:
show: false
title: Conso à 7 jours
apex_config:
chart:
type: area
height: 400
stroke:
show: true
width: 1
curve: smooth
legend:
show: true
fill:
type: gradient
gradient:
shadeIntensity: 0.1
opacityFrom: 0.25
opacityTo: 1
inverseColors: true
stops:
- 0
- 90
- 100
series:
- color: 'rgb(138,43,226)'
entity: sensor.compteur_d_eau
type: column
group_by:
func: diff
duration: 24h
show:
datalabels: true
Pour les semaines, c’est facile, pour les mois, ça va pas le faire parce qu’un mois n’est pas une durée fixe. Au mieux tu peux faire 31j ou 30j par ex (pour ton premier cas d’usage de 4 semaines groupé par semaine):
graph_span: 4w
span:
end: week
series:
- entity: sensor.xyz
type: column
group_by:
func: avg # A definir pour toi
duration: 7d
Ah!! Merci @RomRider , ça marche tout de suite mieux!!!
Elle est vraiment classe cette card, bravo pour le taf!
Dit-moi, le code est bon pour un affichage des 7 derniers jour de ma conso d’eau (relevé toutes les 24h) ? J’ai du mal a comprendre le start et end … Du coup je ne suis pas sur d’avoir les bons chiffres.
Merci encore!
Si tu veux les 7 derniers jours:
graph_span: 7d # on affiche 7j dans le passé (à partir de la fin de la journée aujourd'hui à cause du end: day)
span:
end: day # le graph se termine à la fin de la journée aujourd'hui
Alors j’ai fait la modification mais c’est bizarre le résultat:
Qu’est ce qui est « bizarre »? Il manque des données? Si c’est ça c’est que ton historique ne contient pas minimum 2 states change sur la journée pour que diff fonctionne. Aussi vérifie bien que t’utilises la dernière version et pas une ancienne version en cache.
Ben il manque des données quand je met le « end:day » si je met en « start:day » j’ai ça:
C’est un compteur impulsionnel (1 pulse/ litre), donc il ne fait que compter les litres, faut juste que j’arrive a définir dans le graphe les litres/jours je pense.
Que veux tu dire par deux states change ?
Il faut que t’enlèves offset
aussi. Si tu mets start: day
et que t’as des données c’est que t’as laissé l’offset j’ai l’impression.
en effet, ça marche mieux ^^
Merci beaucoup
Est-ce que l’un d’entre vous à trouvé une solution pour mixer sur un meme graph des données de type differente avec des ordonnées min max differentes, exemple température min 10°C, max 40°C, et hydrometrie : 30% … 100% par exemple
Bonjour,
Comment je peux faire pour que tout ce qui est en dessous le graph vert soit rempli de la même couleur afin de ne pas voir le deuxième graph rouge ?
Je ne suis pas sûr que ce soit possible
Voici le code de ma carte
type: 'custom:apexcharts-card'
graph_span: 24h
span:
end: day
header:
show: false
series:
- entity: sensor.panneaux_solaireenvoy_current_energy_production
type: line
name: Production
color: green
group_by:
func: avg
duration: 45min
- entity: sensor.panneaux_solaireenvoy_current_energy_consumption
type: column
name: Consommmation
color: red
group_by:
func: avg
duration: 15min