Gauge Card Pro 🌈

I’ve published a pre-release for v1.9.0 which implements labels for the min/max indicator and the setpoint for the main-gauge.

I primarily released it to test this on my own (production) system, but any feedback is welcome :wink:

In HACS, download by using ‘Redownload’ on my repository or enable the Pre-release switch of the HACS entity

Hi Miura,
How can i set the min/max or setpoint indicator? I’ve tryd min_indicator: 1

Or use the visual editor. Be aware that the documentation does not yet include the added parameters for the labels.

I also just released v1.9.0-b2 which adds precision

For the min/max indicator the following parameters are currently added:
label (boolean)
label_color (string)
precision (number)

For setpoint the following are added:
label (boolean)
precision (number)

Hello there!

@Miura
I’m using v2 and it’s awesome! I love it!
I’m just asking, if possible, that when clicking on the secondary entity, it opens the record of that entity.
For example, if I have a gauge with the temperature in the main entity and the humidity in the secondary entity, it would be good if, when clicking there (marked in the image), it opened the humidity record instead of the temperature record!

Other than that, it’s perfect for me! :clap:

That’s already supported. Checkout the interactions menu within the Visual Editor (or in the manual). You want to configure the ‘secondary value text’. You can set it to ‘more-info’ which will use ‘entity2’ automatically or configure an custom entity

1 Like

Hello guys, I need your help because I am trying to add the circled item. I would like that, when an entity is OFF, it is showed(as the example) saying HEATING like in the example; and when that entity is ON, the title dissapears
The entity name is light.colector_hall_cocina

This is my actual yaml code for the card:

type: custom:gauge-card-pro
entity: sensor.termostato_cocina_temperatura
segments:
  - pos: 15
    color: blue
  - pos: 30
    color: red
  - pos: 22
    color: "#4afa4a"
needle: true
gradient: true
titles:
  primary: "{{ state_attr(entity, 'friendly_name') }}"
min: 15
max: 30
setpoint:
  type: entity
  value: input_number.temperatura_cocina
  label: true
  precision: 0
hide_background: true
gradient_resolution: auto

Thanks a lot for your help,

Im wondering if its possible to make the graph smaller. Im trying to use custom mod settings. The card is simply too big and changing the height will make the card smaller but not the graph. Other cards have a radius setting or simply a size

This is what happens when I have the height to 80px.

These cards are way to big compared to the rest of my cards on the dashboard.

Thanks for your help on an amazing project

type: custom:gauge-card-pro
entity: sensor.tv_ble_2_black_temperature
theme: clear-dark-vibrant
name: TV TEMP BLE
needle: true
min: 0
max: 130
animation: true
gradient: true
gradient_resolution: medium
value_texts:
  primary: "{{ states(entity) | float | round(1) }}°"
segments:
  - from: 0
    color: "#00adb5"
  - from: 40
    color: "#00adb5"
  - from: 130
    color: rgba(0,0,0,0.8)
card_mod:
  style: |
    ha-card {
      height: 80px !important;
      border-radius: 16px !important;
      box-shadow:
        12px 12px 24px rgba(0, 0, 0, 0.5),
        -4px -4px 8px rgba(255, 255, 255, 0.1),
        inset -4px -4px 8px rgba(0, 0, 0, 0.2),
        inset 4px 4px 8px rgba(255, 255, 255, 0.2) !important;
      overflow: hidden !important;
      padding: 8px !important;
      background-color: rgba(67, 73, 82, 1) !important;
      color: white !important;
    }

Something like this:

titles:
  primary: Living room
  secondary: |-
    {% if is_state('light.colector_hall_cocina', 'off') %}
      Heating 🔥
    {% endif %}

This issue has been reported at my Github @ Styling issue with resizing · Issue #193 · benjamin-dcs/gauge-card-pro · GitHub

The problem is is that I’m not really sure how to solve this yet :slight_smile: