graph doesn't show in picture element?

Hi, In normal mode, I try this code, everything shows good.

         cards:
          - entity: weather.stclair_hourly
            show_main: true
            show_attributes: false
            type: custom:weather-chart-card

But when I put this in a picture-element, the graph doesn’t showed, I can only see the attributes.

     cards:
      - type: picture-elements
        image: /local/ui/weather.png
        elements:
          - entity: weather.stclair_hourly
            show_main: true
            show_attributes: true
            style: |
              :host {
                left: 58.5%;
                top:  76%;
                width: 70%;
                height: 100%;
              }
    
              ha-card {
                height: 100%;
                border-radius: 1vw;
                font-size: 1.2vw !important;
              }
            type: custom:weather-chart-card

anyone can help?

[sekonicpr]

Thank!!! It just work.

[leotantantan]

Hi Slalamander, sorry to the late reply.

Thanks so much, it works ! I’m so happy with the result, but still don’t know why 😂

Anyway, it finally works.