NEWS
Aura – Modernes Dashboard für ioBroker (Beta-Tester gesucht)
-
@intruder7 schau dir 0.9.126 an
-
@flkontakt Beispiel JSON-Override
{ "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } }, "series": [ { "type": "bar", "label": { "show": true, "position": "top", "color": "#ffffff", "fontSize": 13, "fontWeight": "bold" } } ] }@flkontakt Beispiel JSON-Override
Hallo, vielen Dank für deine Unterstützung, leider stellt sich das gewünschte Ergebnis nicht ein. Siehe Bilder, habe deine Codezeilen in das Widget (Diagramm erweitert) eingetragen, im Backend sieht man auch das passende Ergebnis. Im Frontend werden aber u.a. die Balken und Teile der Beschriftung nicht mehr dargestellt.
Könntest du mal über das Widget schauen, was ich hier eventuell verkehrt gemacht habe? Habe Neustart der Instanz, Strg+F5 im Browser usw. bereits versucht. Vielen Dank!
aura-widget-echart-Hausverbrauch_heute mit JSON.json
aura-widget-echart-Hausverbrauch_heute ohne JSON.json


-
@intruder7 schau dir 0.9.126 an
-
@MCU tatsöchlich hatte ich "reine websockets" verwenden aktiv, damit gab es den parameter nicht zu auswahl. hab diesen punkt nun deaktiviert und konnten dann auch websockets erzwingen deaktivieren. danke, jetzt habe ich schon mal eine verbindung. :-)
-
@flkontakt Beispiel JSON-Override
Hallo, vielen Dank für deine Unterstützung, leider stellt sich das gewünschte Ergebnis nicht ein. Siehe Bilder, habe deine Codezeilen in das Widget (Diagramm erweitert) eingetragen, im Backend sieht man auch das passende Ergebnis. Im Frontend werden aber u.a. die Balken und Teile der Beschriftung nicht mehr dargestellt.
Könntest du mal über das Widget schauen, was ich hier eventuell verkehrt gemacht habe? Habe Neustart der Instanz, Strg+F5 im Browser usw. bereits versucht. Vielen Dank!
aura-widget-echart-Hausverbrauch_heute mit JSON.json
aura-widget-echart-Hausverbrauch_heute ohne JSON.json


@flkontakt welche Version von aura?
-
@flkontakt welche Version von aura?
-
@flkontakt welche Version von aura?
Early Adopter, v0.9.127 😉
@flkontakt
Diesen JSON als Override nutzen{ "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } } } -
@flkontakt
Diesen JSON als Override nutzen{ "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } } }Man kann den Konverter jarvis2aura jetzt testen.
https://mcuiobroker.gitbook.io/iobroker-tipps/tipps/aura-visualisierung/jarvis2aura -
@flkontakt
Diesen JSON als Override nutzen{ "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } } }@flkontakt
Diesen JSON als Override nutzenMega, vielen Dank, sieht für mich gut aus. Wenn jetzt noch die Schrift der Werte über den Balken anpassbar wären, würde es auch auf dem Handy usw. besser erkennbar sein.
Sofern es noch kein Issue hierzu gibt, würde ich hierzu eins anlegen (grundsätzlich mehr Möglichkeiten, Beschriftungen anpassbar zu machen).

-
@flkontakt
Diesen JSON als Override nutzenMega, vielen Dank, sieht für mich gut aus. Wenn jetzt noch die Schrift der Werte über den Balken anpassbar wären, würde es auch auf dem Handy usw. besser erkennbar sein.
Sofern es noch kein Issue hierzu gibt, würde ich hierzu eins anlegen (grundsätzlich mehr Möglichkeiten, Beschriftungen anpassbar zu machen).

@flkontakt Versuch mal dies.
{ "textStyle": { "color": "#ffffff", "fontWeight": "bold" }, "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } } } -
@flkontakt Versuch mal dies.
{ "textStyle": { "color": "#ffffff", "fontWeight": "bold" }, "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } } } -
@flkontakt Versuch mal dies.
Balkenwert leider unverändert, ist aber kein Problem, grab dich da bitte nicht zu tief ein. Mit den Achsenwerten usw. hast du mir schon enorm geholfen. Vielen Dank!
@flkontakt Hiermit sollte es gehen
{ "textStyle": { "color": "#ffffff", "fontWeight": "bold" }, "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } }, "series": { "label": { "show": true, "position": "top", "color": "#ffffff", "fontSize": 12, "fontWeight": 900 } } } -
@flkontakt Hiermit sollte es gehen
{ "textStyle": { "color": "#ffffff", "fontWeight": "bold" }, "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } }, "series": { "label": { "show": true, "position": "top", "color": "#ffffff", "fontSize": 12, "fontWeight": 900 } } }Konvertierung Jarvis -> Aura in eigenem Thread.
https://forum.iobroker.net/topic/84636/konvertierung-jarvis-aura -
@flkontakt Hiermit sollte es gehen
{ "textStyle": { "color": "#ffffff", "fontWeight": "bold" }, "xAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } } }, "yAxis": { "axisLabel": { "color": "#ffffff", "fontSize": 12, "fontWeight": "bold" }, "axisLine": { "lineStyle": { "color": "#ffffff" } }, "splitLine": { "lineStyle": { "color": "rgba(255,255,255,0.15)" } } }, "series": { "label": { "show": true, "position": "top", "color": "#ffffff", "fontSize": 12, "fontWeight": 900 } } }@flkontakt Hiermit sollte es gehen
Hallo @mcu , sorry für die späte Rückmeldung. Siehe Bilder, im Backend ist der gewünschte Effekt zu sehen, im Frontend werden die Balken dann aber nicht mehr angezeigt. Habe es mit Strg+F5 usw. versucht, auch habe ich in den CSS&JS den Eintrag rausgenommen, Balken werden dennoch nicht angezeigt. Bin ratlos. Aber nochmal der Hinweis, ist für mich kein Problem, die Werte oberhalb des Balken wären nur das Sahnehäubchen ;-).
Vielen Dank für deinen Support!



Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden

