Vorstellung meiner VIS
-
hier das widget das du haben wolltest:
[{"tpl":"tplFrame","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"#ffffff","title_top":"20","title_left":"500","header_height":"0","header_color":"#5c5757","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title_back":"#000000"},"style":{"left":"525px","top":"8px","width":"199px","height":"334px","border-color":"#76767f","border-style":"groove","border-width":"7px","border-radius":"30px","background-color":"#171616","z-index":"1"},"widgetSet":"basic"}] -
@saeft_2003
Erst mal herzlichen Glückwunsch zu Deiner Vis. Das hat bestimmt viel Arbeit gemacht,das sieht wirklich SUPER aus.
Besonders gefällt mir Dein Proxmox View.
Ich habe es versucht nachzustellen, aber leider ohne Erfolg. Im Iobroker läuft der Proxmoxadapter ,der influxDB adapter.
Alle funktionieren auch. Jetzt habe ich mit Grafana ein neues Dashboard erstellt und dort die "Panele".
Das hat auch alles funktioniert.
In der Iobroker Vis habe ich dann das i-Frame Widget ausgewählt und die Shareadresse des Panels eingetragen.
Aber ich sehe in der Vis kein Bild es kommt aber auch keine Fehlermeldung. Wenn ich die Adresse in den Browser eingebe sehe ich das Bild.
Was mache ich falsch??
Vielen Dank schon mal für deine Hilfe
Knuster -
Ich glaub ich weiß an was das liegt du musst in grafana erst noch einstellen das ein chart in einem iframe eingezeigt werden darf.
Am besten mal googeln, ich glaube es war auch schon hier im Forum ein Thema, ich schaue später auch noch mal.
Ich hab meinen thread gefunden der sollte dir weiter helfen, weil am anfang hatte ich auch Probleme. Ich glaube du musst in der grafana.ini den anonymus Zugang aktivieren.
Aber less dir am besten mal alles durch:
https://forum.iobroker.net/topic/23270/gelöst-grafana-diagramm-in-vis-einfügen -
@saeft_2003
Danke für Deine schnelle Hilfe
DasBei Grafana selber gibt es eine Setting "allow_embedding" in der grafana.ini, welche auf true gestellt werden muss.Das habe ich bereits gelesen und geändert ,aber leider ohne Erfolg.
Aus Deinem Link bin ich leider nicht so richtig schlau geworden. Woher weis ich den Namen der Organisation??
Knusterus -
@Knusterus sagte in Vorstellung meiner VIS:
Woher weis ich den Namen der Organisation
Die musst du selbst festlegen und entsprechend eintragen, also
in der grafana.ini hinterlegen, und dann in Grafana unter Configuration>Preferences den Namen eintragen -
@crunchip
Ok ich habe jetzt meine grafana.ini auch so geändert.[auth.anonymous] enabled = true # Organization name that should be used for unauthenticated users org_name = Main Org. # Role for unauthenticated users, other valid values are `Editor` and `Admin` org_role = ViewerAber wo muß der Name der Organisation noch hin?
-
@Knusterus said in Vorstellung meiner VIS:
@crunchip
Ok ich habe jetzt meine grafana.ini auch so geändert.#################################### Anonymous Auth ###################### [auth.anonymous] # enable anonymous access enabled = true # specify organization name that should be used for unauthenticated users org_name = Main Org. # specify role for unauthenticated users org_role = ViewerAber wo muß der Name der Organisation noch hin?
-
@Knusterus das
Main Org.löscht du raus und schreibst da irgendwas rein, nach belieben, z.b.iobroker
und wie gerade geschrieben, in grafana auch eintragen -
@crunchip
So habe ich gemacht ,aber leider trotzdem kein Bild.
Was kann ich noch tun??
Ich habe noch einen Nachtrag ,das Ganze läuft bei mir unter Proxmox, iobroker in einer VM
und Grafana mit InfluxDB in einer anderen VM.
Vielleicht liegt dort der Fehler.
Vielleicht installiere ich die Grafana VM am Wochenende nochmal neu.
Vielleicht geht es ja dann. -
So alles nochmal neu installiert,aber immer noch kein Bild.
Was kann ich noch tun??
Knusterus -
Schau dir mal das Video an ! Link Text
-
@Glasfaser
Vielen Dank für den Tipp, in der grafana.ini muß der Wert noch so geändert werden# set to true if you want to allow browsers to render Grafana in a <frame>, <iframe>, <embed> or <object>. default is false. allow_embedding = trueVielen Dank, jetzt funktioniert es.
Knusterus
-
@saeft_2003
eine Frage habe ich noch ,wie hast Du die Betriebzeit in Tagen hinbekommen. Bei mir kommen aus dem Proxmoxadapter nur Sekunden.
Wie hast Du das gelöst??
Knusterus -
-
@saeft_2003
Würdest Du mir es bitte zur Verfügung stellen.
Da hast du ja wirklich was ausgetüftelt, Hut ab...
Vielen Dank
Knusterus -
Hier bitte, aber das nachbauen wäre doch jetzt auch kein ding gewesen...
<block xmlns="http://www.w3.org/1999/xhtml" type="on" id="VqJ%~W+WNHMjJja./5lo" x="688" y="638"> <field name="OID">synology.0.DiskStationManager.info.uptime</field> <field name="CONDITION">any</field> <field name="ACK_CONDITION"></field> <statement name="STATEMENT"> <block type="variables_set" id="F5(vdm$0YlSf)JEhaui{"> <field name="VAR" id="PtI/@;j1mCgZ=}!^nvXX" variabletype="">uptime diskstation</field> <value name="VALUE"> <block type="math_arithmetic" id="eUHp*rwNCD;P0n4;^22/"> <field name="OP">DIVIDE</field> <value name="A"> <shadow type="math_number" id="FNIYlKgjc//XONw5eSe}"> <field name="NUM">1</field> </shadow> <block type="get_value" id="/:xeRTnSX25b6/|p]CSj"> <field name="ATTR">val</field> <field name="OID">synology.0.DiskStationManager.info.uptime</field> </block> </value> <value name="B"> <shadow type="math_number" id="Qy9Y[oLQs0:;%{_ygF}x"> <field name="NUM">86400</field> </shadow> </value> </block> </value> <next> <block type="variables_set" id="n6;?0rx9D.9whcc?aF6D"> <field name="VAR" id="(PhRGpL]gjR4z=$:@wy}" variabletype="">uptime diskstation runde</field> <value name="VALUE"> <block type="math_round" id="AEyWM/7)ZOZk{Qa(JE7q"> <field name="OP">ROUND</field> <value name="NUM"> <shadow type="math_number" id="FZzx,BFTWr_VuDg4@VR#"> <field name="NUM">3.1</field> </shadow> <block type="variables_get" id="XaaxFG;DH7@71e!AS)7W"> <field name="VAR" id="PtI/@;j1mCgZ=}!^nvXX" variabletype="">uptime diskstation</field> </block> </value> </block> </value> <next> <block type="timeouts_settimeout" id="RT%YBk=cqd+2b:E7-;rg"> <field name="NAME">timeout4</field> <field name="DELAY">1000</field> <field name="UNIT">ms</field> <statement name="STATEMENT"> <block type="control" id="l]IBhU44KX^hdEhF$D3i"> <mutation delay_input="false"></mutation> <field name="OID">synology.0.DiskStationManager.info.uptime_tage</field> <field name="WITH_DELAY">FALSE</field> <value name="VALUE"> <block type="variables_get" id="_hNJ^i-4%_%6CK]C+hwS"> <field name="VAR" id="(PhRGpL]gjR4z=$:@wy}" variabletype="">uptime diskstation runde</field> </block> </value> </block> </statement> </block> </next> </block> </next> </block> </statement> </block> -
Ok ... das ist der Style " groove " bei CSS Ränder , da ist der Effekt/Fehler schon immer gewesen.
Ich denke mal auf " solide " willst du dann nicht ändern , sieht ( fast ) gleich aus :
-
ich hatte groove gewählt, weil es meiner Meinung nach so einen kleinen 3D Effekt hat
-
@saeft_2003
Prima Danke ,für den Code. Für mich wäre das selber bauen schon ein Problem, so fit bin ich noch nicht. Der Code funktioniert auch super.
Jetzt habe ich aber ein neues Problem, wenn ich die Seite über den FullyBrowser aurufe ,dauert es fast 2 min bis sich die Seite komplett aufgebaut hat.
Die anderen Seiten sind sofort da. Wie hast Du das gelöst??
Gibt es vielleicht die Möglichkeit ,das sich die Seite im Hintergrund immer aktuallisiert?
Im i-Frame Widget habe ich die Aktuallisierung schon mal auf 1 min gestellt,hat aber nix gebracht.
Knusterus -
Auf was läuft der FullyBrowser? Ich denke dein Backend hat zu wenig Leistung. Ich hatte erst ein beelink bt3 pro, da hat das laden vom proxmox view auch ca 2 min gedauert.
Deswegen habe ich mir ein NUC8i3 geholt, da waren es dann unter 20 Sekunden mit Edge und nachdem ich noch umgestiegen bin auf chrome sind es jetzt noch ca. 10 Sekunden. Damit kann ich jetzt leben...
Die update Zeit vom iframe steht bei mir auf 0. Weil je nachdem was du in grafana eingestellt hast, wird der chart aktualisiert (zu erkennen an dem kleinen drehenden Kreis rechts oben).
