Widget mit List-Item und Trendline als Background

[lenschith]

Hallo zusammen,
ich würde gerne eine Liste erzeugen wo eine Trendline als Hintergrund zu sehen ist. Aber ich hänge gerade und habe keine Idee mehr wie ich das machen sollte.
Ziele wäre es eine Liste zu erzeugen wo ich die Möglichkeit habe in jeder Zeile als Hintergrund eine Trendline zu sehen.
Die Trendline sollte auf die komplette Breite und auf die Höhe des Items sein. So würde meine Idee in Gedanken aussehen.

Screenshot 2024-11-26 192946.png

Ich habe schon vieles versucht aber es hat nichts zum Ergebnis geführt. Vielleicht hat noch jemand einen Denkanstoß.

Code: Alles auswählen

component: f7-list
config:
  mediaList: true
slots:
  default:
    - component: oh-label-item
      config:
        item: MyBoxWANDevice_TotalBytesReceived
        title: Download
        icon: oh:download 
    - component: f7-block
      config:
        style:
          height: auto
          position: absolute
          top: -50px
          width: 100%
          z-index: 10
      slots:
        default:
          - component: oh-trend
            config:
              style:
              trendItem: download
              trendStrokeWidth: 2

Gruß Lenschi