Lovelace: mini graph card

ignacio82 · November 26, 2023, 7:33pm

I’m trying to create cards that use colors for different temperatures and humidifies thresholds. This is what I’m getting:

and this i the code that I’m using:

type: custom:mini-graph-card
entities:
  - sensor.sonoff_snzb_02d_living_room_temperature
name: Temperature
show_state: true
decimals: 0
points_per_hour: 6
hours_to_show: 24
hour24: true
more_info: false
state_adaptive_color: true
show:
  legend: false
  extrema: true
  fill: fade
  icon: true
  labels: false
  name: true
  state: true
  points: false
color_thresholds:
  - value: 59
    color: Blue
  - value: 77
    color: Red

What am I doing wrong?

Ildar_Gabdullin · November 26, 2023, 7:46pm

??? what is this? This attribute does not exist.

These are per-entity attributes.

As for color_thresholds:
open existing related issues on GitHub and read about bugs & possible workarounds.

TwentyFour · November 28, 2023, 10:57pm

I’ve added a mini-graph-card and set the name to Living Room, when ever I click the graph for additional details it changes the name to living room temperature. Anyone know how to set the name when selected?

Ildar_Gabdullin · November 28, 2023, 10:58pm

Post a screenshot with this changed name.
And show where you changed the name to “Living Room”.

TwentyFour · November 29, 2023, 10:55am

type: custom:mini-graph-card
entities:
  - sensor.living_room_temperature
name: Living Room
card_mod:
  style: |
    ha-card
     {background: transparent;
     border-style: none;
     }

Ildar_Gabdullin · November 29, 2023, 1:54pm

You posted an unformatted code. It does not have indents which are crucial in yaml.
Avoid posting picture containing unrelated things which only distracts. There are plenty of tools like MS Paint to get rid of unneeded info.
In short:
– if “name” is defined on a card level - it will be displayed when a graph is NOT selected;
– if “name” is defined on an entity level - it will be displayed when a graph is selected.

TwentyFour · November 29, 2023, 2:10pm

I don’t seem to have the option to insert code on my phone, anyway I’ve update the code and the pictures; hope you are less distracted now and maybe able to help.

Ildar_Gabdullin · November 29, 2023, 2:11pm

Ildar_Gabdullin · November 29, 2023, 2:17pm

As it was explained here:
Test with this:

type: custom:mini-graph-card
entities:
  - entity: sensor.living_room_temperature
    name: Living Room

TwentyFour · November 29, 2023, 2:34pm

Thanks for the suggestion, unfortunately that didn’t work.
“bad indentation of a sequence entry”

Ildar_Gabdullin · November 29, 2023, 2:41pm

Sorry!!!
Missed “entity” - check my fix above.

TwentyFour · November 29, 2023, 3:32pm

That worked perfectly, thanks for your help

VietNgoc · November 29, 2023, 5:48pm

Try using a hex color instead and set the hour points to 1? Mine looks like this

  type: 'custom:mini-graph-card'
  entities:
    - sensor.average_humidity
  color_thresholds:
    - value: 30
      color: '#D35467'
    - value: 50
      color: '#68C9F0'
    - value: 60
      color: '#4D6DDC'
  hours_to_show: 96
  points_per_hour: 1
  line_width: 7
  show:
    name: false
    icon: false
    state: false
    label: false
    legend: false
    points: false
    fill: fade
    extrema: true
    average: true

ignacio82 · November 29, 2023, 5:50pm

Thanks! How do you get the icons and additional information to be displayed that way?

VietNgoc · November 29, 2023, 6:00pm

I use in custom: button-card, you can see in my config how I did it

github.com

ngocjohn/hass-config/blob/180b60009391837ab79ffa0ed5a7a1a70e961403/config/UI/templates/button_card_templates/tpl_climate.yaml#L75C1-L199C1


      
          airpurifier:
            template:
              - base
            show_state: false
            variables:
              average_humid: ''
              purifier_on: >
                [[[
                  return ['yes'].indexOf(entity === undefined || entity.attributes.purifier) !==-1;
                ]]]
              entity_id: >
                [[[ return !entity || entity.entity_id; ]]]
          
            custom_fields:
              humid: >
                [[[ return '💧' + Math.round(entity.attributes.average_humidity)+'%'; ]]]
              graph:
                card:
                  type: 'custom:mini-graph-card'
                  entities:

This file has been truncated. show original

chintito4ever · November 30, 2023, 7:32pm

Do you mind sharing full codes entire card? thank you

Ildar_Gabdullin · December 1, 2023, 11:47pm

This should be shared.
Generating “color_thresholds”:

Kelvin · December 7, 2023, 12:13pm

With the latest HA update you get long term statistics, is that going to be added to mini graph card or is something that is already available?

Ildar_Gabdullin · December 7, 2023, 7:30pm

What do you mean?
LTS was available in Statistics graph since adding LTS to HA.
This release LTS was just added to History view (not to History-graph card), nothing else has been changed - why this may be a reason to show LTS in mini-graph-card?

parautenbach · December 8, 2023, 1:57am

I think the question is more like this: The built-in cards (only the history stats card) ~~have~~ has been updated to combine data from two sources (the regular recorder history, plus LTS if it exists). Does this card need a similar change, or will an entity that has LTS have it’s LTS automatically displayed if the period reaches that point or goes beyond the recorder history?

I haven’t upgraded to test, but my guess would be it will need to be updated if the card needs to do this.

The other option is of course if they made this change at an API level to automatically do this, then of course no change will be needed.