Should the custom gauge look like this?

Configuration Frontend
1

2021-05-01 211326 Image

The top two gauges are the standard gauges. The bottom two are from the custom:gauge-card. I expected them to look similar since the custom:gauge-card repository shows them looking the same style.
Or am I doing something wrong?

Thanks

2

Do you have a link to the github repository where you obtained this custom gauge card?

Can you share the (correctly formatted) configuration of your card?

3

Hi. The custom gauge card was installed from HACS. Which points to here : GitHub - custom-cards/gauge-card
The gauge was set up in the Visual editor - the YAML is below.

type: horizontal-stack
cards:
  - type: 'custom:gauge-card'
    title: Charge Range
    entity: sensor.garrys_car_range_electric
    measurement: mls
    severity:
      red: 5
      green: 30
      amber: 18
  - type: 'custom:gauge-card'
    title: Petrol Range
    entity: sensor.garrys_car_odometer
    measurement: mls
    attribute: rangeliquid
    min: 0
    max: 300
    severity:
      red: 25
      amber: 100
      green: 215

All I actually wanted to do was show attribute values in a gauge and as far as I can tell the standard Lovelace gauge cannot do that.

Thanks

4

This could be your problem:

5

Thanks - I changed the order and values of the severity colours but no change.
I also removed the severity from the other gauge but again no change, apart from turning blue.

2021-05-02 122907 Image

type: horizontal-stack
cards:
  - type: 'custom:gauge-card'
    title: Charge Range
    entity: sensor.garrys_car_range_electric
    measurement: mls
  - type: 'custom:gauge-card'
    title: Petrol Range
    entity: sensor.garrys_car_odometer
    measurement: mls
    attribute: rangeliquid
    min: 0
    max: 300
    severity:
      green: 0
      amber: 200
      red: 215

Thanks again

6

Have you tried another theme?

7

I have no additonal themes installed but will install one and give it a try.

8

You hit the nail on the head!

2021-05-02 141021 Image

Not sure this is a solution though. Is it not a bit odd that it does not work with the default theme / no theme? And should it / can it work with the default theme?

I also found out that the colours on the custom gauge card CAN work the way round I want them to with red indicating a lower value and green the higher value.

9

Seeing the same in the default theme with the original gauge card, but it works with a version i modified a while ago.
No clue why, that was trial and error.