SVG rendering error with Chrome

Configuration
1

Hi,

I’m showing a meteogram on Lovelace UI imported from web as a camera image like this:

camera:
  - platform: generic
    name: yrno
    still_image_url: https://www.yr.no/place/Finland/Southern_Finland/N%C3%B6ykki%C3%B6/advanced_meteogram.svg
    content_type: 'image/svg+xml'

However, the imported image is often (but not always!) missing the red/blue temperature line when rendered on Chrome. As a comparison, it seems to work well on Safari, illustration below.

Safari:

43
432366×1678 580 KB

Chrome:

05
052366×1594 499 KB

Any thoughts on what’s going on?

Thanks,

Harri

2

Hi, I can’t help you, but I can confirm that I am having the same issue. Also in the HA app.