Vorstellung meiner VIS

saeft_2003

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"}]

Knusterus

@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

saeft_2003

@Knusterus

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

Knusterus

@saeft_2003
Danke für Deine schnelle Hilfe
Das

Bei 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

crunchip

@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

Knusterus

@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 = Viewer

Aber wo muß der Name der Organisation noch hin?

Knusterus

@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 = Viewer

Aber wo muß der Name der Organisation noch hin?

crunchip

@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

Knusterus

@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.

Knusterus

So alles nochmal neu installiert,aber immer noch kein Bild.
Was kann ich noch tun??
Knusterus

Glasfaser

@Knusterus

Schau dir mal das Video an ! Link Text

Knusterus

@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 = true

Vielen Dank, jetzt funktioniert es.

Knusterus

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

@Knusterus

Das rechnet ein blockly skript für mich um...

Knusterus

@saeft_2003
Würdest Du mir es bitte zur Verfügung stellen.
Da hast du ja wirklich was ausgetüftelt, Hut ab...:+1: :+1:

Vielen Dank
Knusterus

saeft_2003

@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>

Glasfaser

@saeft_2003

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 :

saeft_2003

@Glasfaser

ich hatte groove gewählt, weil es meiner Meinung nach so einen kleinen 3D Effekt hat

Knusterus

@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

saeft_2003

@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).

Community Forum

NEWS

Vorstellung meiner VIS

Support us

620

32.7k

82.5k

1.3m