Zugriff via Redmatic auf CCU-Historian

[muellerjm]

hallo,

hat schon jemand mal via RedMatic auf die Datenbank von CCU-Historian zugegriffen? ODBC, JDBC, jsonRPC oder doch noch anders? Ich möchte Grafiken im UI darstellen. Ich habe schon im Handbuch gelesen, komme aber irgendwie nicht weiter.

Dankeschön
Joachim

[wak]

Hallo Joachim,

habe ein ui_template verwendet und dort einfach über z.B. folgenden Code die Grafik angezeigt!

Code: Alles auswählen

<iframe src='http://<Historian-IP-Adresse>:8082/custom/h2-highchart/HighChart2.html?periode=720%26dp=189%26legend=3%26navigator=4%26daylight=0%26theme=transparent%26filterline=false' style='width:576px; height:600px;' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true' frameborder='0'>
</iframe>

Die Größe in diesem Beispiel habe ich im ui_template mit 11x13 gewählt, sonst müßte man oben noch width und height anpassen.

Dafür wäre aber die neueste Version von CCU-Historian + ein zusätzliches Update vom H2-HighChart ( min. Version 3.8 ) noch notwendig, da ich dort erst die URL decodierung eingebaut habe, da ui_template direkt nur mit %26 statt den & funktioniert.

Update v3.8:
https://github.com/wakr70/CCU-Historian-HC/releases

LG wak

[muellerjm]

Einwandfrei... Ne Menge Arbeit erspart....
Vielen Dank.

[wak]

Hallo Joachim,

hab noch etwas rumgespielt. Hier noch eine Lösung mit einem Drop-Down_Liste mit Favoriten und diese ändert dann die Grafiken aus CCU-Historian dazu. Somit kann man über eine Box vordefinite Charts anzeigen lassen.

CCU-Historian Flow.png (4.42 KiB) 1676 mal betrachtet

Code: Alles auswählen

[{"id":"94fb292f.39663","type":"ui_template","z":"358c47d5.75371","group":"ded6c3ae.061ad","name":"Grafik","order":0,"width":"11","height":"13","format":"<iframe id=\"myChart\" src = \"\" style='width:576px; height:600px;' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true' frameborder='0'>\n</iframe>\n\n<script>\n(function(scope) {\n    // watch msg object from Node-RED\n    scope.$watch('msg', function(msg) {\n        // new message received\n        var x = document.getElementById('myChart');\n        // &legend=(false,0,1,2,3,4,5,6) - 0-no legend displayed, 1-left,2-right,3-in chart top,4-in chart bottom,5-top,6-bottom \n        var l = '3';\n        // &navigator=(false,0,1,2,3,4) - define if navigator is displayed, 0-navigator+scrollbar, 1-navigator, 2-scrollbar, 3-only menue, 4-nothing\n        var n = '3';\n        // &daylight=(false,0,1,2,3) - 0-no background, 1-yellow day/gray night, 2-lines at 06:00/22:00, 3-lines at 00:00\n        var d = '1';\n        // &theme= - following themes are supported dark-green, avocado, dark-blue, dark-unica, gray, grid-light, grid, skies, sunset, transparent, dark-transp\n        var t = 'transparent';\n        // &filterline=(false,0,1,2) - define content on screen, 0-no menue and no filterline, 1-no menue, 2-no filterline\n        var f = '0';\n        // src auf IFRAME setzen und alle Werte füllen!\n        x.setAttribute('src', 'http://<CCU-Historion Server IP>:8082/custom/h2-highchart/HighChart2.html?' + msg.payload +\n                                                                                 '&legend=' + l +\n                                                                                 '&navigator=' + n + \n                                                                                 '&daylight=' + d + \n                                                                                 '&theme=' + t + \n                                                                                 '&filterline=' + f );\n        });\n})(scope);\n</script>\n","storeOutMessages":false,"fwdInMessages":false,"templateScope":"local","x":290,"y":60,"wires":[[]]},{"id":"94d75c19.c663c","type":"ui_dropdown","z":"358c47d5.75371","name":"","label":"Favoriten","tooltip":"","place":"Select chart","group":"ded6c3ae.061ad","order":1,"width":0,"height":0,"passthru":true,"options":[{"label":"Chart1","value":"periode=72&dp=189&yaxis=Y10|P0","type":"str"},{"label":"Chart2","value":"periode=24&dp=280|Y1|F10","type":"str"},{"label":"Chart3","value":"periode=24&dp=245|F35","type":"str"}],"payload":"","topic":"","x":100,"y":60,"wires":[["94fb292f.39663"]]},{"id":"ded6c3ae.061ad","type":"ui_group","z":"","name":"CCU-Historian","tab":"5a32976e.36b4b8","disp":true,"width":"11","collapse":false},{"id":"5a32976e.36b4b8","type":"ui_tab","z":"","name":"Grafik","icon":"dashboard","disabled":false,"hidden":false}]

Zum anpassen wäre noch im UI_Template die CCU-Server IP:

und natürlich die Drop-Down-Values für die Favoriten.

CCU-Historian Node Dropdown.png (24.1 KiB) 1676 mal betrachtet

Das ganze kann dann z.B. so aussehen, Farben Anzahl der Linien und vieles mehr kann in Value vordefiniert werden:

CCU-Historian Chart.png (16.15 KiB) 1676 mal betrachtet

@hobbyquaker: Wäre auch vielleicht ein schönes Beispiel für das Red Note Wiki!

Achtung min. Version v3.8 notwendig!
https://github.com/wakr70/CCU-Historian-HC/releases

lg wak

[firstronny]

Hallo,

genau so etwas habe ich auch gesucht, danke fürs Fragen Joachim - und noch einen viel größeren Dank für die Implementierung und Anleitung wak !!!

lg
(ein anderer hilfesuchender) Joachim

[nuiler]

Super diese Integration.

Habe aber noch eine Frage dazu.
Kann man es auch so einstellen, dass ich den Zoom(6h,Tag,Woche),etc. verwenden kann?