Lovelace - gauge within picture elements card

Hi,

Have been experimenting with lovelace and made some really great picture element cards for my heating system. I have made a picture element card for each room with thermostat and lighting but I am now trying to make a picture element for my boiler. I have an ebusd bridge so can get all sorts of data from my boiler controller such as flow and return temperatures, water pressure, pump status etc. I have created a picture element but would like to display the water pressure and a few other stats as gauges within the picture element if at all possible. I have attached a very rough early version or the card, a work in progress and I will make sure I do an update with the finished card when I am done.

Having looked at all the documentation a gauge only seems to be available as a seperate card. Is there a way to display a gauge as an element within a picture element card?

Thanks

Tim

I use the custom gauge here: Lovelace: Gauge card

Works great as a picture elements in lovelace:
Picture

lovelace-ui.yaml:

resources:
  - url: /local/custom-lovelace/gauge-card/gauge-card.js?v=2.0.3
    type: module

....

    - type: custom:gauge-card
      title: Luftkvalitet
      name: Luftkvalitet
      entity: sensor.airquality_iaq_estimate
      scale: 30px
      min: 0
      max: 500
      severity:
        red: 300
        green: 0
        amber: 150
      style:
        top: 73.4%
        left: 60.2%
1 Like