Monatsrückblick Januar/Februar 2026 ist online!

[hotspot_2]

Hallo!

Ich hätte eine Frage zu einen Problem das ich gerade habe.

Gibt es eine Möglichkeit die Linie (roter Pfeil) auch aussen rum an dem mittleren Kasten vorbeizuführen links. Ähnlich wie die beiden Linien rechts?

Und noch eine zweite Frage: Wie kann ich die Strichstärke der Linien verändern?

[SKB]

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

Gibt es eine Möglichkeit die Linie (roter Pfeil) auch aussen rum an dem mittleren Kasten vorbeizuführen links. Ähnlich wie die beiden Linien rechts?

Nein, dies ist nicht möglich. Die Linie sucht den kürzesten Weg zu einem Element.

Und noch eine zweite Frage: Wie kann ich die Strichstärke der Linien verändern?

Tab "Animation" -> Breite der Linie.

[c1olli]

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

Gibt es eine Möglichkeit die Linie (roter Pfeil) auch aussen rum an dem mittleren Kasten vorbeizuführen links

Ja, wenn Du ein Element zusätzlich einbindest. Einfach ein Viereck wie auf der anderen Seite einbinden, und am Ende soweit verkleinern, dass es hinter der Linie verschwindet.

[MikeRow]

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

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

Gibt es eine Möglichkeit die Linie (roter Pfeil) auch aussen rum an dem mittleren Kasten vorbeizuführen links

Oder das Element einfach transparent setzen

[Steffe.S.]

Hallo, ich habe hier ein kleine Problem:

Ich habe einen Energiefluss, der mit dem folgenden Einstellung für Leitung und Animation überschrieben wird, damit dieser dann sichtbar oder unsichtbar ist.

{
    "<1": {
        "display": "none"
    },
    ">0": {
        "display": "inline"
    }
}

... die Anzeige funktioniert auch soweit, wenn <1 wird ausgeblendet und wenn >0 erscheint die Linie und der Punkt für die Animation.

Nun tritt aber unregelmäßig eine Erscheinung auf, dass der Animationspunkt sichtbar ist, obwohl die Bedingung nicht stimmt. Die Line kommt nur, wenn die Bedingung erfüllt ist.

Gibt es hierfür eventuelle eine Lösung?

Gruss S.

[SKB]

@steffe-s Deine Bedingung ist auch konfus ;)

Was genau soll denn bei welchem Wert passieren? Denn aktuell wird die Animation/Linie bei über 0 und 1 eingeblendet. Allerdings nur bei unter 1 ausgeblendet.

Somit erscheint die Linie bei allen Werten zwischen 0-1 und über 1.

Ich denke nicht, das dies die richtige Bedingung für deinen Anwendungsfall ist.

Normalerweise laufen Bedingungen so ab, das sie:

{
    ">=1": {
        "display": "inline"
    },
    "<1": {
        "display": "none"
    }
}

haben. Dies sorgt dafür, das die Linie ab einem Wert von 1 eingeblendet und unterhalb ausgeblendet wird.

[Steffe.S.]

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

Spoiler

@steffe-s Deine Bedingung ist auch konfus ;)

Was genau soll denn bei welchem Wert passieren? Denn aktuell wird die Animation/Linie bei über 0 und 1 eingeblendet. Allerdings nur bei unter 1 ausgeblendet.

Somit erscheint die Linie bei allen Werten zwischen 0-1 und über 1.

Ich denke nicht, das dies die richtige Bedingung für deinen Anwendungsfall ist.

Normalerweise laufen Bedingungen so ab, das sie:

{
    ">=1": {
        "display": "inline"
    },
    "<1": {
        "display": "none"
    }
}

haben. Dies sorgt dafür, das die Linie ab einem Wert von 1 eingeblendet und unterhalb ausgeblendet wird.

Danke für die Erleuchtung

[Maik]

@skb hallo funktioniert einwandfrei. Danke! Gibt es eine Möglichkeit bei einen bestimmten prozentualen Stand einen Ton oder Warnsignal auszugeben z.B. bei Batteriestand 20%? Ist es möglich im Adapter eine Kurve oder Bild einzufügen? Habe für beides keine Lösung (trotz lesen) gefunden. danke

[SKB]

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

Gibt es eine Möglichkeit bei einen bestimmten prozentualen Stand einen Ton oder Warnsignal auszugeben z.B. bei Batteriestand 20%?

Nein, wofür? Wir sprechen hier ja immer noch von einem Energiefluss und nicht von einer App 😉

Ist es möglich im Adapter eine Kurve oder Bild einzufügen? Habe für beides keine Lösung (trotz lesen) gefunden. danke

Bilder lassen sich genauso einfügen, wie die anderen Elemente. Dazu das Bild anklicken und anschließend ein Bild per Adresse oder Galerie einbinden.

Was ist mit Kurve gemeint?

[Norb 0]

Hallo,

ab der Version 0.8.x läuft die Animation bei mir nicht mehr flüssig. Nach jeder kleinen Wertänderung werden die Animationspunkte ganz klein, dann wieder normal groß, die Bewegung sieht dann nicht mehr fließend aus.
Ich bin wieder zurück auf Version 0.7.8, mit dieser Version sieht alles flüssig aus.

[SKB]

@norb-0 Du nutzt wahrscheinlich die "Animations-Abhängigkeit" Punkte oder Zeit, richtig?
Dies ist nun so eingebaut, das die Punkte nicht "springen", wenn eine Werteänderung stattfindet. Sie werden animiert zusammengezogen und dann neu berechnet.

Sieht besser aus, als das sie springen.

[Norb 0]

@skb Ja genau, ich nutze die "Animations-Abhängigkeit" Dauer.
Da ich die Werte alle 5 Sekunden aktualisiere und die Animation teilweise sehr langsam ist bei niedrigen Werten, gibt das fürs Auge ein wahnsinniges Gezappel wenn die Punkte sich zusammenziehen.
Perfekt wäre natürlich wenn die Geschwindigkeit sich langsam an die Wertänderung anpasst ohne zu springen. Aber das ist natürlich jammern auf hohem Niveau :-)

[SKB]

@norb-0 Vorher war es so, das die Punkte gesprungen sind (Animation wird gestoppt, neu positioniert und wieder gestartet). Dies wird durch die Animation verhindert - weil sich die Punkte zusammen ziehen und dann an der neuen Position wieder starten (Punkte werden verkleinert, Animation wird gestoppt, Animation wird neu ausgerichtet, Punkte werden wieder größer und die Animation wieder gestartet). Ist quasi ein Überblenden.

Leider kann man bereits laufende Animation nicht stoppen oder zeitlich verlangsamen/verschnellern.

Dies hätte ich gerne eingebaut - allerdings technisch nicht machbar.

[Norb 0]

@skb Passt schon so, ich werde versuchen durch diverse Einstellungen das für mich beste herauszuholen.
Schon mal vielen Dank fürs Feedback.

[SKB]

@norb-0 Ich habe mir die Animation noch einmal angeschaut und sie etwas verbessert. Vielleicht passt es ja für dich auch.

Du könntest einmal direkt die Version von Github https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert drüber installieren und einen manuellen Upload des Adapters machen.

Dann die Konfiguration und Live-Ansicht mit Strg+F5 neuladen und die Punkte sollten nun nur überblendet und nicht mehr auseinander gezogen werden.

[Norb 0]

@skb Sieht jetzt viel "entspannter" aus. Ich persönlich fand es damals besser, auch wenn Sprünge da waren.

Beispiel.MP4

[SKB]

@norb-0 Prima, wenn es entspannter ist.
Naja, Sprünge empfindet man ja auch immer als "stressig". Somit ist ja sanftes Überblenden auch angenehmer, denke ich.

[Norb 0]

@skb vielleicht kann man die Zeit des Überblendens etwas kürzer machen, dann wäre es ein sanfter Sprung. Nur mal so eine Idee.
Ansonsten großes Lob für den Adapter.

[SKB]

@norb-0 Die Zeit des Überblendens beträgt 350ms. Diese habe ich so gewählt, damit auch lange Linien nicht springen.

Du kannst auch selber diese Zeit etwas anpassen, wenn Du dir im Stile Tab eine Klasse wie folgt erstellst:

.animation_fade {
    transition: stroke .35s ease-out; /* .35s kannst Du hier z.B. für deine Überblendung verkürzen oder verlängern. .35s steht für 350ms */
}

[Norb 0]

@skb perfekt, ich teste mal ein bisschen um für mich die beste Variante rauszufinden.
Nochmals vielen Dank für die Einstellmöglichkeit.