Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Visualisierung
  4. Widget durch Datenpunkt drehen

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    334

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    300

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    929

Widget durch Datenpunkt drehen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
6 Beiträge 2 Kommentatoren 585 Aufrufe 3 Beobachtet
  • Ä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.
  • Chris76eC Offline
    Chris76eC Offline
    Chris76e
    schrieb am zuletzt editiert von Chris76e
    #1

    Wie bekommt man das hin, wenn sich ein Widget durch änderung im Datenpunkt sich dreht, das dieses nicht Sprunghaft dargestellt wird sondern dahin "gleitet"?

    So will ich das hinbekommen:
    GIF
    wind_.gif

    Zum drehen habe ich das gemacht:

    rotate({weatherunderground.0.forecast.current.windDegrees}deg)
    

    Screenshot 2022-05-02 193515.jpg
    Screenshot 2022-05-02 193407.jpg

    Markus HuberM 2 Antworten Letzte Antwort
    0
    • Chris76eC Chris76e

      Wie bekommt man das hin, wenn sich ein Widget durch änderung im Datenpunkt sich dreht, das dieses nicht Sprunghaft dargestellt wird sondern dahin "gleitet"?

      So will ich das hinbekommen:
      GIF
      wind_.gif

      Zum drehen habe ich das gemacht:

      rotate({weatherunderground.0.forecast.current.windDegrees}deg)
      

      Screenshot 2022-05-02 193515.jpg
      Screenshot 2022-05-02 193407.jpg

      Markus HuberM Offline
      Markus HuberM Offline
      Markus Huber
      schrieb am zuletzt editiert von Markus Huber
      #2

      @chris76e schob hinbekommen?

      1 Antwort Letzte Antwort
      0
      • Chris76eC Chris76e

        Wie bekommt man das hin, wenn sich ein Widget durch änderung im Datenpunkt sich dreht, das dieses nicht Sprunghaft dargestellt wird sondern dahin "gleitet"?

        So will ich das hinbekommen:
        GIF
        wind_.gif

        Zum drehen habe ich das gemacht:

        rotate({weatherunderground.0.forecast.current.windDegrees}deg)
        

        Screenshot 2022-05-02 193515.jpg
        Screenshot 2022-05-02 193407.jpg

        Markus HuberM Offline
        Markus HuberM Offline
        Markus Huber
        schrieb am zuletzt editiert von Markus Huber
        #3

        @chris76e Wenn du denn sprung loswerden willst, musst du ein zusätzliches html basic widget nehmen und eine klasse erstellen z.b.:

        <style>

        . Drehen {

        Transform: rotate({dein datenpunkt}deg) !important;
        Transition: all 800ms;
        }

        </style>

        Drehen gibst du bei deinen widget das du drehen willst unter css ein!

        Gruss

        Chris76eC Markus HuberM 2 Antworten Letzte Antwort
        1
        • Markus HuberM Markus Huber

          @chris76e Wenn du denn sprung loswerden willst, musst du ein zusätzliches html basic widget nehmen und eine klasse erstellen z.b.:

          <style>

          . Drehen {

          Transform: rotate({dein datenpunkt}deg) !important;
          Transition: all 800ms;
          }

          </style>

          Drehen gibst du bei deinen widget das du drehen willst unter css ein!

          Gruss

          Chris76eC Offline
          Chris76eC Offline
          Chris76e
          schrieb am zuletzt editiert von
          #4

          @markus-huber

          Super, funktioniert

          wind1_.gif

          Markus HuberM 1 Antwort Letzte Antwort
          0
          • Chris76eC Chris76e

            @markus-huber

            Super, funktioniert

            wind1_.gif

            Markus HuberM Offline
            Markus HuberM Offline
            Markus Huber
            schrieb am zuletzt editiert von Markus Huber
            #5

            @chris76e https://www.w3schools.com/css/tryit.asp?filename=trycss3_transition_speed

            Hier kannst du noch die Effekte Vergleichen und bei bedarf zu CSS klasse hinzufügen!

            1 Antwort Letzte Antwort
            1
            • Markus HuberM Markus Huber

              @chris76e Wenn du denn sprung loswerden willst, musst du ein zusätzliches html basic widget nehmen und eine klasse erstellen z.b.:

              <style>

              . Drehen {

              Transform: rotate({dein datenpunkt}deg) !important;
              Transition: all 800ms;
              }

              </style>

              Drehen gibst du bei deinen widget das du drehen willst unter css ein!

              Gruss

              Markus HuberM Offline
              Markus HuberM Offline
              Markus Huber
              schrieb am zuletzt editiert von
              #6

              @markus-huber

              1 Antwort Letzte Antwort
              0

              Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

              Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

              Mit deinem Input könnte dieser Beitrag noch besser werden 💗

              Registrieren Anmelden
              Antworten
              • In einem neuen Thema antworten
              Anmelden zum Antworten
              • Älteste zuerst
              • Neuste zuerst
              • Meiste Stimmen


              Support us

              ioBroker
              Community Adapters
              Donate

              557

              Online

              32.8k

              Benutzer

              82.8k

              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