Graphique à barre+ valeurs

chuppito · Janvier 16, 2023, 12:43

Bonjour à tous.

Je suis encore entrain de configurer mes capteurs électrique.
Est il possible d’afficher la valeur max de chaques jours dans le graphique à barre ?

Mon code :

type: custom:mini-graph-card
entities:
  - sensor.atome_daily_price
group_by: date
hour24: true
hours_to_show: 240
name: Tarif electricité
aggregate_func: max
color_thresholds:
  - color: '#e45e65'
    value: 4
  - color: '#e0b400'
    value: 2
  - color: '#0da035'
    value: 1
  - color: '#039BE5'
    value: 0
color_thresholds_transition: smooth
show:
  fill: fade
  graph: bar
  labels: true
  value_template: true

Ou si vous connaissez un moyen plus joli esthétiquement je suis preneur.
Sur les 2 derniers graphiques, j’arrive à visualiser mes il n’est pas très beau en rendu.
J’ai installé apexcharts
Merci

chuppito · Janvier 16, 2023, 2:22

J’ai trouvé en fouillant ce forum.
Merci à @RomRider qui a aidé @Galadan

Plus qu’à modifier le code pour mon thème à moi. Voici le code actuel et le rendu

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
        - 2
        - 4
series:
  - color: rgb(138,43,226)
    entity: sensor.atome_daily_price
    type: column
    group_by:
      func: diff
      duration: 24h
    show:
      datalabels: true