Lovelace: Gauge card


#81

yes - I have them appearing in the regular (non-lovelace ui)


#82

Here is mine but I use the built-in version.

          - type: horizontal-stack
            cards:
              - type: gauge
                title: "Disk use"
                entity: sensor.disk_use_percent_
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 60
                  red: 85

              - type: gauge
                title: "Memory use"
                entity: sensor.memory_use_percent
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 60
                  red: 85

I actually have two vertically stacked horizontal stacks :slight_smile:
image


#83

Newbie at HA :wink:
I’m trying to display my Hue Sensors temperature in a Gauge card in Lovelace.
Its working, but after the digits it says undefined.
Example: 20,32 undefined.
i would like it to say 20,32 °C

This is my ui-lovelace.yaml:

  • title: Temperature
    cards:
    • type: custom:gauge-card
      entity: sensor.gang_motion_sensor.temperature
      attribute: current_temperature
      scale: 50px

#84

Try this:

title: Temperature
cards:

  • type: custom:gauge-card
    unit: ‘°C’
    entity: sensor.gang_motion_sensor.temperature
    attribute: current_temperature
    scale: 50px

#85

Hello everyone.
The problem I am facing is with mobile devices (with official app, safari and chrome) There is an animation with the gauge card when I enter the tab. The cards resize from the right bottom. Is there a way to fix this? I am running on hass 0.83.3.
Edit: It seems that the problem occurs when the gauge cards are inside a horizontal stack.

Here are the screenshots:
IMG_4294 IMG_4293 IMG_4292

Here is the code:

cards:
  - type: horizontal-stack
    cards:
    - id: 139
      type: gauge
      entity: sensor.processor_use
      title: RPi Processor
      unit_of_measurement: '%'
      min: 10
      max: 100
      severity:
        yellow: 45
        green: 10
        red: 85
    - id: 123
      type: gauge
      entity: sensor.raspberry_cpu_temp
      title: RPi Cpu Temp
      unit_of_measurement: °C
      min: 20
      max: 80
      severity:
        yellow: 52
        green: 10
        red: 59
  - type: horizontal-stack
    cards:
    - type: gauge
      entity: sensor.memory_free
      title: RPi Memory
      unit_of_measurement: MiB
      min: 0
      max: 1000
      severity:
        yellow: 250
        green: 500
        red: 0
    - type: gauge
      entity: sensor.ssl_cert_expiry
      title: SSL Cert Expiry
      unit_of_measurement: days
      min: 0
      max: 90
      severity:
        yellow: 21
        green: 29
        red: 0

#86

After updating to 85.1 the gauge card refuses to display title.
It shows it’s entity name

Anyone else has this problem?

I can change all other properties just not the title


#87

If you mean the core gauge type: gauge,there was a change title -> name
This topic is abaut the type: custom:gauge-card


#88

You are right. I’ve tried the custom component here after the realization that I was using the official component. The problem with the animation is gone. But now there was a problem with the gauges breaking out of boundaries on the ios app, but I also fixed it with scale:40px option mentioned here.

Thanks.


#89

Hey relatively new to HASS, was there something special you did to get these to work? I got everything else for my model s working otherwise :slight_smile:
- input_datetime.tesla_climate_timer
- input_boolean.climate_timer


#90

The official gauge card is working without that problem in 0.86.0b0