Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Bushveld]

Hallo @johndenver0815

ja der Adapter hat einen anderen Fokus. Mir ist noch eine Idee gekommen. Da man SVG einbinden kann müsste ich die Linien dynamisch "zeichnen" können. Was ich im Moment noch nicht vor Augen habe, muss später mal suchen, ob ich Variablen definieren kann die ich im SVG nutze und mit den Werten der Datenpunkte bestücke.

Viele Grüße
Michael

[gerty]

@skb das ist ja das komische, ich kann die Linie weder sehen noch irgendwas anklicken, das ist wie ein ghost.
Die Nummer line_path_56_28 taucht nur auf wenn ich einen der beiden Kreise löschen will.

Das steht in json Konfiguration drin
},
"lines": {
"line_path_56_28": {
"id": "line_path_56_28",
"href": "#path_56_28"
},

Wenn ich diesen Eintrag mit den anderen vergleiche, fehlt da nicht was?

Browser-Konsole ??? ..... das sagt mir gar nichts, meinst du die Ansicht der F12 Tools im Browser?

[SKB]

@gerty Dann löschst Du in der Konfig den Teil und auch den Teil mit "path_56_28".
Ja, mit Konsole ist die Browserkonsole mit F12 gemeint. Die zeigt ggf. Fehler an.

[Homoran]

@bushveld warum Doppelpost?
hab dir in deinem SoloThread geantwortet

[gerty]

@skb
gelöst: Danke skb, jetzt bin ich die Elemente losgeworden.

Statt dies in der json zu löschen, habe ich erstmal die fehlenden Teile, unter anderem die Farbe hinzugefügt und dann ist die Verbindung
wieder angezeigt worden und ich konnte alle Elemente löschen.
Auf jeden Fall reagiert die Übersicht jetzt normal.

Kann es sein, dass die Routine da etwas sucht und nicht findet und dann auf ein langes Timeout aussteigt?
Eventuell wäre eine Überprüfungsroutine hilfreich. Diese könnte dann die instance nach Datenleichen durchsuchen und korrigieren.

Eine Frage noch, WARUM geht der Élementenviewer im auf und zu, ich verstehe den Sinn nicht?

[SKB]

@gerty Nein, die Routine wartet nicht und steigt nicht aus. Was ist mit Elementviewer gemeint? Weiss nicht, was "auf" und "zu" geht.

[Bushveld]

@homoran
sollte eigentlich nur hier sein, habe das Löschen aber nicht hinbekommen.
Ich würde die beiden Threads schliessen und mich um die Umsetztung kümmern.
Wenn es dann was konkretes gibt machen ich einen neuen Post auf,

[Bushveld]

srry, zu früh geschickt, da ich nicht löschen kann mach ich den Post mal leer

[Bushveld]

Hallo zusammen,

im EE habe ich ein SVG eingebunden mit folgenden Inhalt:

  <!-- Achsen -->
  <line x1="20" y1="100" x2="300" y2="100" stroke="#888" stroke-width="1"/>
  <line x1="20" y1="10"  x2="20"  y2="100" stroke="#888" stroke-width="1"/>

  <!-- Liniensegmente: 24 Stunden -->
  <line x1="20"  y1="{y00solar}" x2="30"  y2="{y01solar}" stroke="#00ff66" stroke-width="2"/>
  <line x1="30"  y1="{y01solar}" x2="40"  y2="{y02solar}" stroke="#00ff66" stroke-width="2"/>
...
  <line x1="230" y1="{y21solar}" x2="240" y2="{y22solar}" stroke="#00ff66" stroke-width="2"/>
  <line x1="240" y1="{y22solar}" x2="250" y2="{y23solar}" stroke="#00ff66" stroke-width="2"/>

  <!-- Beschriftung -->
  <text x="160" y="115" font-size="10" fill="#aaa" text-anchor="middle">
    Solarprognose (nächste 24 Stunden)
  </text>

Um Zugriff auf die Objekte im iobroker mit den solar Daten zu erlangen habe ich im EE diese als Datenquelle definiert und gehofft so die Werte im SVG einbinden zu können.
Leider hat dieses nicht funktioniert. Hier meine beiden Varianten einmal mit dem in der Datenquelle benannten Datenpunkt einmal mit dem "Alias"

<line x1="30" y1="{javascript.0.SVGsolar.y11}" x2="40" y2="{javascript.0.SVGsolar.y12}" stroke="#00ff66" stroke-width="2"/>
<line x1="40" y1="{y02solar}" x2="50" y2="{y03solar}" stroke="#00ff66" stroke-width="2"/>

Hat jemand eine Idee ob und wenn ja wie ich die Werte ins SVG bekomme?
Wenn ich das SVG manuell anpasste tut es exakt was es soll und man kann linien Diagramme zeichnen die dem o.g. Bild nahe kommen.

Viele Grüße und vielen Dank!
Michael

[Steffe.S.]

Hallo,

gibt es eine Möglichkeit bei einem Symbol, ähnlich wie bei einem Text, die Farbe abhängig vom Wert zu ändern.

Hier meine Änderung für den Text in rot, gelb oder grün (funktioniert sehr gut):

{
    "<=33": {
        "fill": "rgb(221,0,0)",
        "display": "inline"
    },
    "<=66": {
        "fill": "rgb(221,194,50)",
        "display": "inline"
    },
    ">66": {
        "fill": "rgb(87,221,46)",
        "display": "inline"
    }
}

Genau die selben Farben sollen bei einem Symbol kommen (bekomme ich nicht hin).

Gruss S.

[SKB]

@steffe-s das Icon wird genauso eingefärbt - allerdings nutzt du hier color. Datenquelle zuweisen und alles geht.

[Steffe.S.]

@skb sagte in Support Adapter Energiefluss-erweitert v0.7.7:

@steffe-s das Icon wird genauso eingefärbt - allerdings nutzt du hier color. Datenquelle zuweisen und alles geht.

Vielen Dank, für mich war es so schwer, wenn es dann doch so einfach ist

[wolfi913]

@skb
Sorry falls die Frage irgendwo schon beantwortet wurde, hab aber leider trotz intensiver Suche nichts passendes gefunden.

Möchte ein SVG von der URL http://192.168.2.203:8082/0_userdata.0/id3/svg_battery_soc.svg einbinden. Über die URL ist im Browser das SVG auch aufrufbar und wird angezeigt.
Bekomme aber im energiefluss-erweitert (0.7.7) immer nur das Folgende:

Kannst Du mir irgendwie auf die Sprünge helfen was ich da falsch mache. Schonmal vielen Dank.

[SKB]

@wolfi913 SVG ist ja ein Bild und sollte über das Element Bild auch einbindbar sein. Du gibst es aktuell als Frame an.

[wolfi913]

@skb
Danke :+1: . Jetzt klappt's. Hatte es fälschlicherweise über

gemacht. :astonished:

[SKB]

@wolfi913 Dieses Element kannst du mit dem Textinhalt eines SVG füllen - ist aber dann statisch.

Ich denke, dein Bild wird immer dynamisch generiert oder?

[wolfi913]

@skb
Richtig. Das wird dynamisch erstellt mit diesem Skript aus dem Forum.

[SKB]

@wolfi913 Verstehe. Allerdings müsste jetzt das Bild auch alle X Sekunden aktualisiert werden - was aktuell nicht implementiert ist.

[wolfi913]

@skb
Das ist kein Problem. Sooft ändert sich der SOC nicht. Den Refresh kann ich auch manuell machen. Aber fallst Du den Refresh irgendwann automatisch mal einbindest wär das (vielleicht auch für andere) evtl. ein nützliches Feature. Ich bräuchte das momentan nicht unbedingt.

[schaefersklaus]

@skb
Hi!
Danke für Deine Mühen, ich nutze den Adapter bereits seit den frühen Stunden und ziehe mir häufig ein Update.
Heute habe ich von 0.7.7 auf 0.8.1 aktualisiert.

Meine Animationen "atmen" nun :-)

Weiß gar nicht, wie ich das beschreiben soll.
Die einzelnen Punkte laufen (entsprechend der Leistung) auf der Linie.
Zyklisch (ca. 2 s Takt) dehnen sich die Punkte auseinander, also bilden größere Abstände zwischen einander, und dann wieder zurück zum ursp., korrekten Abstand.

Vielleicht war das hier schon mal thematisiert, aber ich habe es in den letzten Beiträgen nicht gefunden.

Vielen Dank!

Animations-Einstellungen siehe Screenshot.

Anim Einstellung für einen Datenpunkt: