Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Einsteigerfragen
  4. VIS / Flot / Hintergrund

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.6k

VIS / Flot / Hintergrund

Geplant Angeheftet Gesperrt Verschoben Einsteigerfragen
5 Beiträge 2 Kommentatoren 315 Aufrufe 1 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • J Offline
    J Offline
    jonas_linhose
    schrieb am zuletzt editiert von
    #1

    Hallo,

    ich versuche mich gerade an den ersten Visualisierungen in iOBroker. Ich habe auch eine Grafik mittels Flot erstellt und als IFrame eingebunden. Allerdings gelingt es mir nicht, einen transparenten Hintergrund zu erstellen...

    Ich habe dazu in der Doku zu FLOT geschaut und den Hinweis auf den Hintergrund als RGBA gefunden... allerdings führt der Eintrag im Feld "Window background:rgba(100,100,100,0)" nicht zu dem gewünschten Ergebnis.

    Habt ihr ggf. noch einen Tip wo der Fehler liegt...

    float_hintergrund.PNG

    ich habe auch Versucht die Farbwerte des VIEW-Hintergrundes zu nehmen, der Hintergrund in dem Chart bleibt aber immer weiß.

    Hier der Code des Charts (mit den Farben des Views als Hintergrund):

    http://192.168.178.84:8082/flot/index.html?l%5B0%5D%5Bid%5D=senec.0.ENERGY.GUI_INVERTER_POWER&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bmin%5D=20&l%5B0%5D%5Bthickness%5D=3&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5Bxmove%5D=0&l%5B0%5D%5Bxaxe%5D=bottom&l%5B0%5D%5Byaxe%5D=left&l%5B0%5D%5BafterComma%5D=-2&l%5B0%5D%5Bdashes%5D=false&l%5B0%5D%5BdashLength%5D=10&l%5B0%5D%5BspaceLength%5D=10&l%5B0%5D%5Bmultiplicator%5D=1&l%5B0%5D%5Bxticks%5D=3&l%5B0%5D%5Byticks%5D=0&timeType=relative&relativeEnd=now&range=360&aggregateType=step&aggregateSpan=300&window_bg=%23736868&bg=2&border_color=%230d0101&barColor=%231b1818&hoverDetail=false&timeFormat=%25H%3A%25M&useComma=false&zoom=false&noedit=false&animation=0
    
    HomoranH 1 Antwort Letzte Antwort
    0
    • J jonas_linhose

      Hallo,

      ich versuche mich gerade an den ersten Visualisierungen in iOBroker. Ich habe auch eine Grafik mittels Flot erstellt und als IFrame eingebunden. Allerdings gelingt es mir nicht, einen transparenten Hintergrund zu erstellen...

      Ich habe dazu in der Doku zu FLOT geschaut und den Hinweis auf den Hintergrund als RGBA gefunden... allerdings führt der Eintrag im Feld "Window background:rgba(100,100,100,0)" nicht zu dem gewünschten Ergebnis.

      Habt ihr ggf. noch einen Tip wo der Fehler liegt...

      float_hintergrund.PNG

      ich habe auch Versucht die Farbwerte des VIEW-Hintergrundes zu nehmen, der Hintergrund in dem Chart bleibt aber immer weiß.

      Hier der Code des Charts (mit den Farben des Views als Hintergrund):

      http://192.168.178.84:8082/flot/index.html?l%5B0%5D%5Bid%5D=senec.0.ENERGY.GUI_INVERTER_POWER&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bmin%5D=20&l%5B0%5D%5Bthickness%5D=3&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5Bxmove%5D=0&l%5B0%5D%5Bxaxe%5D=bottom&l%5B0%5D%5Byaxe%5D=left&l%5B0%5D%5BafterComma%5D=-2&l%5B0%5D%5Bdashes%5D=false&l%5B0%5D%5BdashLength%5D=10&l%5B0%5D%5BspaceLength%5D=10&l%5B0%5D%5Bmultiplicator%5D=1&l%5B0%5D%5Bxticks%5D=3&l%5B0%5D%5Byticks%5D=0&timeType=relative&relativeEnd=now&range=360&aggregateType=step&aggregateSpan=300&window_bg=%23736868&bg=2&border_color=%230d0101&barColor=%231b1818&hoverDetail=false&timeFormat=%25H%3A%25M&useComma=false&zoom=false&noedit=false&animation=0
      
      HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von Homoran
      #2

      @jonas_linhose
      02-Wetter.png

      ich müsste mir mal ansehen was ich da für Einstellungen anders habe
      Am besten zeigst du mal die Einstellungen im Flot Edit als Screenshot
      -insbesondere Optionen

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      J 1 Antwort Letzte Antwort
      0
      • HomoranH Homoran

        @jonas_linhose
        02-Wetter.png

        ich müsste mir mal ansehen was ich da für Einstellungen anders habe
        Am besten zeigst du mal die Einstellungen im Flot Edit als Screenshot
        -insbesondere Optionen

        J Offline
        J Offline
        jonas_linhose
        schrieb am zuletzt editiert von
        #3

        @homoran

        Hier der Screenshot...

        float_options.PNG

        Ich hoffe es hilft...

        HomoranH 1 Antwort Letzte Antwort
        0
        • J jonas_linhose

          @homoran

          Hier der Screenshot...

          float_options.PNG

          Ich hoffe es hilft...

          HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #4

          @jonas_linhose sagte in VIS / Flot / Hintergrund:

          Hier der Screenshot...

          du hast einen vorgegebenen Hintergrund ausgewählt.
          Außerdem hast du den Rahmen um den Chart auf aktiv.

          @jonas_linhose sagte in VIS / Flot / Hintergrund:

          Ich hoffe es hilft...

          ...wenn du no border aktivierst und custom background
          Dann bei Background color transparent einträgst.

          Ich hoffe das geht auch bei deiner englischen Konfiguration

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          J 1 Antwort Letzte Antwort
          0
          • HomoranH Homoran

            @jonas_linhose sagte in VIS / Flot / Hintergrund:

            Hier der Screenshot...

            du hast einen vorgegebenen Hintergrund ausgewählt.
            Außerdem hast du den Rahmen um den Chart auf aktiv.

            @jonas_linhose sagte in VIS / Flot / Hintergrund:

            Ich hoffe es hilft...

            ...wenn du no border aktivierst und custom background
            Dann bei Background color transparent einträgst.

            Ich hoffe das geht auch bei deiner englischen Konfiguration

            J Offline
            J Offline
            jonas_linhose
            schrieb am zuletzt editiert von
            #5

            @homoran

            Super.. vielen Dank... "no Border: yes" war die entscheidende Funktion. Dazu die Einstellung Windows Background #rgba(100,100,100,0) und es passt.

            Den Hintergrund für das Chart konnte bzw. wollte ich lassen...

            float_options2.PNG

            1 Antwort Letzte Antwort
            0
            Antworten
            • In einem neuen Thema antworten
            Anmelden zum Antworten
            • Älteste zuerst
            • Neuste zuerst
            • Meiste Stimmen


            Support us

            ioBroker
            Community Adapters
            Donate

            723

            Online

            32.5k

            Benutzer

            81.6k

            Themen

            1.3m

            Beiträge
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
            ioBroker Community 2014-2025
            logo
            • Anmelden

            • Du hast noch kein Konto? Registrieren

            • Anmelden oder registrieren, um zu suchen
            • Erster Beitrag
              Letzter Beitrag
            0
            • Home
            • Aktuell
            • Tags
            • Ungelesen 0
            • Kategorien
            • Unreplied
            • Beliebt
            • GitHub
            • Docu
            • Hilfe