Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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.5k

VIS / Flot / Hintergrund

Scheduled Pinned Locked Moved Einsteigerfragen
5 Posts 2 Posters 315 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    J Offline
    jonas_linhose
    wrote on last edited by
    #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 Reply Last reply
    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 Do not disturb
      HomoranH Do not disturb
      Homoran
      Global Moderator Administrators
      wrote on last edited by 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 Reply Last reply
      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
        wrote on last edited by
        #3

        @homoran

        Hier der Screenshot...

        float_options.PNG

        Ich hoffe es hilft...

        HomoranH 1 Reply Last reply
        0
        • J jonas_linhose

          @homoran

          Hier der Screenshot...

          float_options.PNG

          Ich hoffe es hilft...

          HomoranH Do not disturb
          HomoranH Do not disturb
          Homoran
          Global Moderator Administrators
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Support us

            ioBroker
            Community Adapters
            Donate

            682

            Online

            32.5k

            Users

            81.6k

            Topics

            1.3m

            Posts
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
            ioBroker Community 2014-2025
            logo
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Home
            • Recent
            • Tags
            • Unread 0
            • Categories
            • Unreplied
            • Popular
            • GitHub
            • Docu
            • Hilfe