@oliverio
Hab jetzt ein wenig herum Probiert.
Im neu erzeugten Datenpunkt wird nun die Zeit eingetragen mit welcher die Animation laufen soll.
Leider wird im vis nichts geändert.
//________________________________________________________________
//Script jede Sekunde ausfuehren
schedule('* * * * * *', Animation_aktualisieren);
//________________________________________________________________
//animation_aktualisieren(); //Nur für Testzwecke (wird sonst immer Aufgerufen)
function Animation_aktualisieren() {
//______________________________________________________________________________________
//Einlese-Datenpunkte - müssen natürlich an die eigene Konstellation angepasst werden!
var Leistung_Stromanbieter = getState('0_userdata.0.Testdatenpunkte.Kelag_Strom').val ; //
var Leistung_Haus = getState('0_userdata.0.Testdatenpunkte.Haus_Stromverbrauch').val ; //
var Leistung_PV_West = getState('0_userdata.0.Testdatenpunkte.PV_Solar_West').val ; //
var Leistung_PV_Ost = getState('0_userdata.0.Testdatenpunkte.PV_Solar_Ost').val ; //
var Leistung_PV_Gesamt = getState('0_userdata.0.Testdatenpunkte.PV_Solar_Gesamt').val ; //
var Leistung_Akku = getState('0_userdata.0.Testdatenpunkte.PV_Batterie_Ladestrom').val ; //
var sschnell = "0.4";
var slangsam = "1.2";
//Werte überprüfen
if (Leistung_Stromanbieter > 50 && Leistung_Stromanbieter < 1000) {
setState('0_userdata.0.Animationen.Animation_Geschwindigkeit_Stromanbieter',sschnell); //0,4 und 1,2s
}
else {
setState('0_userdata.0.Animationen.Animation_Geschwindigkeit_Stromanbieter',slangsam);
}
}
Und im Widget
<svg width="50" height="50">
<path class="Ein_10_1999W_kelag_bezug_test" d="m0,50 L50,0" />
</svg>
<style>
.Ein_10_1999W_kelag_bezug_test {
fill: none;
stroke: #f82023;
stroke-width: 5;
stroke-dasharray: 15 5;
animation: strokeAni .{0_userdata.0.Animationen.Animation_Geschwindigkeit_Stromanbieter}s infinite linear;
animation-direction: normal;
}
@keyframes strokeAni {
0% {
stroke-dashoffset: 40;
}
100% {
stroke-dashoffset: 0;
}
}
</style>
Was ist da falsch?