CCU-Historian Customer Page with Highchart
Moderator: Co-Administratoren
- wak
- Beiträge: 262
- Registriert: 05.05.2014, 00:21
- Hat sich bedankt: 2 Mal
- Danksagung erhalten: 32 Mal
Re: CCU-Historian Customer Page with Highchart
Hallo,
danke für die Ideen, hab einwenig weiterprogrammiert und einiges an Funktionalität hinzufügen können.
An bei die neue Version, hab die Versionnummer auf 2.0a gehoben, da es sich doch um grössere Änderungen handelt.
1. Themes werden gründsätzlich via Link z.B. ..&theme=dark-green supported, derzeit gibt es: avocado, dark-green, dark-blue
2. Filter und Menüzeile kann via Link oder Popup Menü ausgeblended werden (...&filterline=false) somit ist Fullscreen benahe möglich
3. Linen-Dialog mit folgender Auswahl: Aggregation, Vergleich, Y-Achse, Marker, Farbe, Linientype, einfach mal Click auf eine Linie/Punkt
4. Support von Linien-Dialog auf über Link, details auf GitHub Readme (ende)
5. DayLight Funktion wurde erweitert um 2 Neue, nur Line um 06:00 und 20:00 und eine mit Linie um Mitternacht für die Tagsicht
6. Min/Max Aggregationen als area hinzugefügt mit bei Monat/Wochenansicht einen guten Überblick
7. Vergleichlinie zu Vortagen/Wochen/Monaten/Jahr kann über Linien-Dialog ausgewählt werden
8. Linien Farbe und Marker kann auch über Linien-Dailog oder Link fixiert werden, Stricklierte Typen kommen in einer der nächsten Version
9. Bei deactivieren der Legende werden die aktiven Serien jetzt oben im Chart eingeblendet.
Neue Version: Viele Spaß beim Testn
wak
danke für die Ideen, hab einwenig weiterprogrammiert und einiges an Funktionalität hinzufügen können.
An bei die neue Version, hab die Versionnummer auf 2.0a gehoben, da es sich doch um grössere Änderungen handelt.
1. Themes werden gründsätzlich via Link z.B. ..&theme=dark-green supported, derzeit gibt es: avocado, dark-green, dark-blue
2. Filter und Menüzeile kann via Link oder Popup Menü ausgeblended werden (...&filterline=false) somit ist Fullscreen benahe möglich
3. Linen-Dialog mit folgender Auswahl: Aggregation, Vergleich, Y-Achse, Marker, Farbe, Linientype, einfach mal Click auf eine Linie/Punkt
4. Support von Linien-Dialog auf über Link, details auf GitHub Readme (ende)
5. DayLight Funktion wurde erweitert um 2 Neue, nur Line um 06:00 und 20:00 und eine mit Linie um Mitternacht für die Tagsicht
6. Min/Max Aggregationen als area hinzugefügt mit bei Monat/Wochenansicht einen guten Überblick
7. Vergleichlinie zu Vortagen/Wochen/Monaten/Jahr kann über Linien-Dialog ausgewählt werden
8. Linien Farbe und Marker kann auch über Linien-Dailog oder Link fixiert werden, Stricklierte Typen kommen in einer der nächsten Version
9. Bei deactivieren der Legende werden die aktiven Serien jetzt oben im Chart eingeblendet.
Neue Version: Viele Spaß beim Testn
wak
- wak
- Beiträge: 262
- Registriert: 05.05.2014, 00:21
- Hat sich bedankt: 2 Mal
- Danksagung erhalten: 32 Mal
Re: CCU-Historian Customer Page with Highchart
Hallo,
kleines Update:
1. Support von Themen: dark-green, avocado, dark-blue, dark-unica, gray, grid-light, grid, skies, sunset
2. Linenarten via Line-Menu: (solid, dash, ...)
3. Line-Menü aufgeräumt
4. Linenarten url funktion hinzugefügt mit D1-11
5. kleinere Bugfixes
Line-Menü:
Neue Version: Viel Spaß beim Probieren
wak
kleines Update:
1. Support von Themen: dark-green, avocado, dark-blue, dark-unica, gray, grid-light, grid, skies, sunset
2. Linenarten via Line-Menu: (solid, dash, ...)
3. Line-Menü aufgeräumt
4. Linenarten url funktion hinzugefügt mit D1-11
5. kleinere Bugfixes
Line-Menü:
Neue Version: Viel Spaß beim Probieren
wak
- wak
- Beiträge: 262
- Registriert: 05.05.2014, 00:21
- Hat sich bedankt: 2 Mal
- Danksagung erhalten: 32 Mal
Re: CCU-Historian Customer Page with Highchart
Hallo Onthefly,
schön das es dir gefällt.
War noch einwenig fleissig und hab eine neue Version veröffentlicht:
* Linienstärke hinzugefügt
* Linenstärke kann über link mit z.B. W4 übergeben werden
* Linenarten erweitert mit normaler Line und Area erweiter mit gleiche Arten
* Sum Aggregation hinzugefügt, hilfreich bei Tastern
* Datenpufferung überarbeitet und verbessert
Somit sieht jetzt das Linien-Menü wie folgt aus:
Neue Version: Falls jemand noch etwas vermißt und Fehler entdeckt, bitte melden, mir gehen schön langsam die Ideen aus.
Viel Spaß beim Testen
wak
schön das es dir gefällt.
War noch einwenig fleissig und hab eine neue Version veröffentlicht:
* Linienstärke hinzugefügt
* Linenstärke kann über link mit z.B. W4 übergeben werden
* Linenarten erweitert mit normaler Line und Area erweiter mit gleiche Arten
* Sum Aggregation hinzugefügt, hilfreich bei Tastern
* Datenpufferung überarbeitet und verbessert
Somit sieht jetzt das Linien-Menü wie folgt aus:
Neue Version: Falls jemand noch etwas vermißt und Fehler entdeckt, bitte melden, mir gehen schön langsam die Ideen aus.
Viel Spaß beim Testen
wak
-
- Beiträge: 14297
- Registriert: 08.05.2013, 23:33
- System: Alternative CCU (auf Basis OCCU)
- Wohnort: Nordwürttemberg
- Hat sich bedankt: 601 Mal
- Danksagung erhalten: 1529 Mal
Re: CCU-Historian Customer Page with Highchart
Vielen Dank für die Erweiterung. Habe gerade die Version 2.2 drübergebügelt, aber irgendwie sieht das bei mir noch anders aus. Wie kann ich die graue Darstellung wie in Ontheflys Screenshot hinbekommen? EDIT: Themes gefunden, wer lesen kann... /EDIT
Auch werden mir für die Datenpunkte beim Mouse over unten nicht der Zeitstempel, sondern der Messwert wie oben am Punkt der Kurve dargestellt.
Gruß Xel66
Auch werden mir für die Datenpunkte beim Mouse over unten nicht der Zeitstempel, sondern der Messwert wie oben am Punkt der Kurve dargestellt.
Gruß Xel66
-------------------------------------------------------------------------------------------
524 Kanäle in 146 Geräten und 267 CUxD-Kanäle in 34 CUxD-Geräten:
343 Programme, 334 Systemvariablen und 183 Direktverknüpfungen,
RaspberryMatic Version: 3.65.11.20221005 + Testsystem: CCU2 2.61.7
-------------------------------------------------------------------------------------------
Einsteigerthread, Programmlogik-Thread, WebUI-Handbuch
524 Kanäle in 146 Geräten und 267 CUxD-Kanäle in 34 CUxD-Geräten:
343 Programme, 334 Systemvariablen und 183 Direktverknüpfungen,
RaspberryMatic Version: 3.65.11.20221005 + Testsystem: CCU2 2.61.7
-------------------------------------------------------------------------------------------
Einsteigerthread, Programmlogik-Thread, WebUI-Handbuch
- wak
- Beiträge: 262
- Registriert: 05.05.2014, 00:21
- Hat sich bedankt: 2 Mal
- Danksagung erhalten: 32 Mal
Re: CCU-Historian Customer Page with Highchart
Hallo,
hatte doch noch einige Einfälle und hier die neue Version mit:
* Aggregation Time jetzt wählbar über Linienmenü
* Faktor und Offset und Einheit zum Umrechnen von Linien
* Bug Fix für Zeitstempel unten
* Datenpufferung nochmals nachgebessert
Neue Version: Hier noch ein Beispiel für Minutenzähler (CUxD...SUM_TIME_ON) mit Umrechnung auf Tages oder Stundenverbrauch.
ergibt: Viel Spaß beim Auswerten
wak
hatte doch noch einige Einfälle und hier die neue Version mit:
* Aggregation Time jetzt wählbar über Linienmenü
* Faktor und Offset und Einheit zum Umrechnen von Linien
* Bug Fix für Zeitstempel unten
* Datenpufferung nochmals nachgebessert
Neue Version: Hier noch ein Beispiel für Minutenzähler (CUxD...SUM_TIME_ON) mit Umrechnung auf Tages oder Stundenverbrauch.
ergibt: Viel Spaß beim Auswerten
wak
- wak
- Beiträge: 262
- Registriert: 05.05.2014, 00:21
- Hat sich bedankt: 2 Mal
- Danksagung erhalten: 32 Mal
Re: CCU-Historian Customer Page with Highchart
Hallo Chart-Freunde,
meine heutige Version beinhaltet:
* neue Aggregation TIME_ON, damit kann man für alle 0 / 1 State z.B. Licht ein/aus auf eingeschaltene Zeit umrechnen, oder eben alle CUxD...SUM_TIME_ON selber berechen und braucht dann diese ich nicht mehr loggen, nur noch die STATE-Werte
* Achsen werden mit der gleichen Farbe wie die Serie dargestellt
* Fehlerkorrektur bei Min/Max behoben
* fehlende Werte für Aggregation wieder eingefügt, speziel bei Werte die selten geloggt oder nur bei Änderung geloggt werden
Neue Version: Als Idee man kann mehr als einen Eintrag in ccu-historian.config machen, bei mir habe ich alle meine schönsten eingetragen, sieht ungefähr dann so aus:
webServer.menuLinks.link1.text='HC2-HighChart Menü'
webServer.menuLinks.link1.address='/custom/h2-highchart/H2-HighChart.gy'
webServer.menuLinks.link2.text='HC2-Öl Tagesverbrauch'
webServer.menuLinks.link2.address='/custom/h2-highchart/H2-HighChart.gy?periode=720&dp=54|A5|T....'
webServer.menuLinks.link4.text='HC2-Lüftung Keller'
webServer.menuLinks.link4.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=189|A3|Y10.....'
webServer.menuLinks.link5.text='HC2-Solar'
webServer.menuLinks.link5.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=31|Y5|L2|V1,37....'
webServer.menuLinks.link6.text='HC2-Strom'
webServer.menuLinks.link6.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=171|V1,21|V1,...'
webServer.menuLinks.link7.text='HC2-Aussen'
webServer.menuLinks.link7.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=822|A1|T3|Y7|F10,...&theme=dark-blue'
webServer.menuLinks.link8.text='HC2-CCU'
webServer.menuLinks.link8.address='/custom/h2-highchart/H2-HighChart.gy?periode=168& ... &legend=false&daylight=3&theme=grid'
und das sieht dann wie folgt aus: Viel Spaß beim Testen
wak
meine heutige Version beinhaltet:
* neue Aggregation TIME_ON, damit kann man für alle 0 / 1 State z.B. Licht ein/aus auf eingeschaltene Zeit umrechnen, oder eben alle CUxD...SUM_TIME_ON selber berechen und braucht dann diese ich nicht mehr loggen, nur noch die STATE-Werte
* Achsen werden mit der gleichen Farbe wie die Serie dargestellt
* Fehlerkorrektur bei Min/Max behoben
* fehlende Werte für Aggregation wieder eingefügt, speziel bei Werte die selten geloggt oder nur bei Änderung geloggt werden
Neue Version: Als Idee man kann mehr als einen Eintrag in ccu-historian.config machen, bei mir habe ich alle meine schönsten eingetragen, sieht ungefähr dann so aus:
webServer.menuLinks.link1.text='HC2-HighChart Menü'
webServer.menuLinks.link1.address='/custom/h2-highchart/H2-HighChart.gy'
webServer.menuLinks.link2.text='HC2-Öl Tagesverbrauch'
webServer.menuLinks.link2.address='/custom/h2-highchart/H2-HighChart.gy?periode=720&dp=54|A5|T....'
webServer.menuLinks.link4.text='HC2-Lüftung Keller'
webServer.menuLinks.link4.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=189|A3|Y10.....'
webServer.menuLinks.link5.text='HC2-Solar'
webServer.menuLinks.link5.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=31|Y5|L2|V1,37....'
webServer.menuLinks.link6.text='HC2-Strom'
webServer.menuLinks.link6.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=171|V1,21|V1,...'
webServer.menuLinks.link7.text='HC2-Aussen'
webServer.menuLinks.link7.address='/custom/h2-highchart/H2-HighChart.gy?periode=168&dp=822|A1|T3|Y7|F10,...&theme=dark-blue'
webServer.menuLinks.link8.text='HC2-CCU'
webServer.menuLinks.link8.address='/custom/h2-highchart/H2-HighChart.gy?periode=168& ... &legend=false&daylight=3&theme=grid'
und das sieht dann wie folgt aus: Viel Spaß beim Testen
wak
-
- Beiträge: 14297
- Registriert: 08.05.2013, 23:33
- System: Alternative CCU (auf Basis OCCU)
- Wohnort: Nordwürttemberg
- Hat sich bedankt: 601 Mal
- Danksagung erhalten: 1529 Mal
Re: CCU-Historian Customer Page with Highchart
Viiiielen Dank! Bei der Schlagzahl kommt man ja mit dem Updaten kaum noch hinterher. Richtig gut!
Das Einzige, was ich noch nicht ganz begriffen habe: Wie kann ich beeinflussen, welchen Graph gerade die Datenpunktauswahl für die Darstellung des Datenpunkts der vertikalen Zeitlinie auswählt. Irgendwie springt das immer hin und her. Selbst wenn ich die Maus über die "gewünschte" Kurve führe, werden die anderen angesprungen und deren Detailinformationen angezeigt. Die Anzeige des Uhrzeitpunktes auf der Zeitlinie für die vertikale Linie funktioniert jetzt auch prima. Habe auch gerade die Zoom-Funktion mit der Maus entdeckt. Tolle Arbeit.
Gruß Xel66
Das Einzige, was ich noch nicht ganz begriffen habe: Wie kann ich beeinflussen, welchen Graph gerade die Datenpunktauswahl für die Darstellung des Datenpunkts der vertikalen Zeitlinie auswählt. Irgendwie springt das immer hin und her. Selbst wenn ich die Maus über die "gewünschte" Kurve führe, werden die anderen angesprungen und deren Detailinformationen angezeigt. Die Anzeige des Uhrzeitpunktes auf der Zeitlinie für die vertikale Linie funktioniert jetzt auch prima. Habe auch gerade die Zoom-Funktion mit der Maus entdeckt. Tolle Arbeit.
Gruß Xel66
-------------------------------------------------------------------------------------------
524 Kanäle in 146 Geräten und 267 CUxD-Kanäle in 34 CUxD-Geräten:
343 Programme, 334 Systemvariablen und 183 Direktverknüpfungen,
RaspberryMatic Version: 3.65.11.20221005 + Testsystem: CCU2 2.61.7
-------------------------------------------------------------------------------------------
Einsteigerthread, Programmlogik-Thread, WebUI-Handbuch
524 Kanäle in 146 Geräten und 267 CUxD-Kanäle in 34 CUxD-Geräten:
343 Programme, 334 Systemvariablen und 183 Direktverknüpfungen,
RaspberryMatic Version: 3.65.11.20221005 + Testsystem: CCU2 2.61.7
-------------------------------------------------------------------------------------------
Einsteigerthread, Programmlogik-Thread, WebUI-Handbuch
- wak
- Beiträge: 262
- Registriert: 05.05.2014, 00:21
- Hat sich bedankt: 2 Mal
- Danksagung erhalten: 32 Mal
Re: CCU-Historian Customer Page with Highchart
Hallo Xel66,
bei vielen Linien, hab ich auch das als Herausforderung gefunden, es gibt 2 Lösungsansätze:
1. Einfach die anderen Linien für die Konfiguration wegklicken und dann wieder anschalten sobald alles fertig ist. (das hat mir auf die Dauer aber nicht gereicht), somit kam bereits vor ein paar Releases die nächste Lösung.
2. Man kann die Einstellungen für eine Linie auch mit SHIFT+Linke-Maustaste auf der Legende anklicken, das ist viel Einfache und zielsicher.
Somit normaler Click macht ein/aus, und SHIFT-click stellt die Einstellungen dar.
Bei einer der nächsten Releases kann man jetzt auch die Uhrzeit des Punktes ohne Aggregation ohne 1000stel anzeigen. (das wird Aggregation 6) gerundet auf Min., die lange Anzeige hat mich etwas genervt, auf der anderen Seite ist ein genauer Zeitpunkt manchmal gewünscht.
Und es wird noch eine Generelle-Einstellseite geben, das Popup-Menü ist schon etwas überladen.
Ich hoffe das hilft!
LG
wak
bei vielen Linien, hab ich auch das als Herausforderung gefunden, es gibt 2 Lösungsansätze:
1. Einfach die anderen Linien für die Konfiguration wegklicken und dann wieder anschalten sobald alles fertig ist. (das hat mir auf die Dauer aber nicht gereicht), somit kam bereits vor ein paar Releases die nächste Lösung.
2. Man kann die Einstellungen für eine Linie auch mit SHIFT+Linke-Maustaste auf der Legende anklicken, das ist viel Einfache und zielsicher.
Somit normaler Click macht ein/aus, und SHIFT-click stellt die Einstellungen dar.
Bei einer der nächsten Releases kann man jetzt auch die Uhrzeit des Punktes ohne Aggregation ohne 1000stel anzeigen. (das wird Aggregation 6) gerundet auf Min., die lange Anzeige hat mich etwas genervt, auf der anderen Seite ist ein genauer Zeitpunkt manchmal gewünscht.
Und es wird noch eine Generelle-Einstellseite geben, das Popup-Menü ist schon etwas überladen.
Ich hoffe das hilft!
LG
wak