Gauge Card Pro 🌈

I think you can do that by making a template sensor, where you are free to use jinja.

The entity and entity2 fields are fairly static. They are just ‘text’ fields and are used as such. A solution could be to use the value field.

Hello there!
I love your Card, thank you!

It is possible to put a mdi icon instead of plain text in the Titles camp?
Like the one I attached. That is from dual-gauge-card.

Thank you!

1 Like

1 Like

Hello! Thanks for your reply.

But what I want to do is replace the text I marked in red and still see both values ​​(temperature and humidity).

I assume that doesn’t work… can you add that feature?

That text indeed cannot be an icon. I feel it’s better to have the icons inside the gauge and than template the title(s) to show the values.

Any additional insights on this display issue? I noticed that setting the gradient to “false” (i.e. turning off), the inner arc value metrics are more stable.

Also, with the gradient set to “true” or on, I notice cross platform inconsistencies between the iOS companion app on iPhone, iPad as well as desktop browsers (Chrome and Safari) i.e. the same gauges display the values on one device and not on the other. Appears random.

Can you try pre-release v1.7.1-b1? It’s got performance improvements. You need to manually download it through HACS

Done! Now taking b1 for a test drive! Fingers crossed…

I’m using an entity within the label of an icon, but the value of the entity is not updating like the value text.

        secondary_color: Yellow
      icon:
        type: template
        value: |-
          {% if states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 99  %} 
            {{ {"icon":'mdi:battery', "color": "#57C101", "label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 90  %} 
            {{ {"icon":'mdi:battery-charging-90', "color": "#69B307","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 80  %} 
            {{ {"icon":'mdi:battery-charging-80', "color": "#7CA50D","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 70  %} 
            {{ {"icon":'mdi:battery-charging-70', "color": "#8F9714","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 60  %} 
            {{ {"icon":'mdi:battery-charging-60', "color": "#A1891A","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 50  %} 
            {{ {"icon":'mdi:battery-charging-50', "color": "#B47C20","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 40  %} 
            {{ {"icon":'mdi:battery-charging-40', "color": "#C76E27","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 30  %} 
            {{ {"icon":'mdi:battery-charging-30', "color": "#D9602D","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 20 %}
            {{ {"icon":'mdi:battery-charging-20',"color": "#EC5233","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% elif states('sensor.solarbank_3_e2700_pro_state_of_charge') |
            float  >= 10 %}
            {{ {"icon":'mdi:battery-charging-10', "color": "#FF453A","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "%" } }}
          {% else %}
            {{ {"icon":'mdi:battery-e', "color": "#e60000","label": (states('sensor.solarbank_3_e2700_pro_state_of_charge')) | string + "!" } }}
          {% endif %}

This indeed seems to happen sometimes. You can use entity_id to supply the entity or a list of entities that should help trigger updates

Readme:

Hi @StefaanVD , mind sharing your code to make this nice gauge? I love this gauge to see my current solar panel

thanks in advance
Bas

Just an update on running v1.7.1-b1 for almost 2 weeks. It appears negligibly better than the current release version, but unfortunately it’s still occasionally producing “blank value metrics” on both mobile and tablet dashboards. Let me know if there’s anything else I can do help resolve this bug?