Hallo zusammen,
ich bin aktuell dabei, von ioBroker VIS zu Home Assistant umzuziehen und möchte meine Heizungsanlage in Home Assistant visualisieren. Leider stoße ich dabei auf ein Problem, bei dem ich nicht weiterkomme. Vielleicht kann mir jemand von euch helfen.
Ausgangslage:
Ich habe eine SVG-Datei mit Inkscape erstellt (erstmal ein kleines Projekt, um mich einzuarbeiten). In dieser SVG habe ich einer Gruppe die ID SP01 zugewiesen. Zusätzlich habe ich in der Gruppe ein fill: gray-Attribut definiert.
Was ich versucht habe:
Zuerst habe ich die Visualisierung mit dem picture-elements-Karten-Typ umgesetzt – ohne Erfolg.
Danach habe ich es mit custom:mod-card probiert – ebenfalls ohne Erfolg.
Schließlich bin ich auf die Idee gekommen, die Integration mit floorplan umzusetzen. Damit bin ich zumindest ein Stück weitergekommen, aber der Fehler bleibt bestehen.
Der aktuelle Stand:
Ich habe eine SVG- und eine CSS-Datei erstellt und wie folgt konfiguriert:
SVG-Datei:
(Die Datei ist unten angehängt – sie enthält die Gruppe mit der ID SP01.)
CSS-Datei:
/* Erhöhe die Spezifität */
#SP01 {
fill: green !important;
}
#SP01.on {
fill: green !important;
}
#SP01.off {
fill: blue !important;
}
YAML-Konfiguration:
views:
- title: Test
path: test
cards:
- type: custom:floorplan-card
config:
log_level: debug
image: /local/floorplan/Heatanlage/Heizungsanlage.svg
stylesheet: /local/floorplan/Heatanlage/Heizungsanlage.css
rules:
- elements:
- '#SP01'
states:
'on':
classes: 'on'
'off':
classes: 'off'
Das Problem:
Im Log erhalte ich den Fehler:
WARNING CONFIG Cannot find '#SP01' in SVG file
Das Seltsame ist: Wenn ich die CSS-Datei verwende, kann ich die Farbe der Gruppe SP01 ändern. Das zeigt doch eigentlich, dass die ID korrekt definiert ist und auch erkannt wird.
Hat jemand eine Idee, warum der Fehler auftaucht und wie ich die SVG korrekt in Floorplan einbinden kann?
Vielen Dank im Voraus für eure Unterstützung!
Liebe Grüße
Marcel!
[https://we.tl/t-QsofF7kFIZ](https://)
](https://)
