Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Frage] Darstellung eines canvas-gauges-widget

NEWS

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

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

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

[Frage] Darstellung eines canvas-gauges-widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
15 Beiträge 4 Kommentatoren 2.1k Aufrufe
  • Ä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.
  • T Offline
    T Offline
    tomdeboom
    schrieb am zuletzt editiert von
    #1

    Hi,

    ich würde gerne mit "ioBroker.vis-canvas-gauges" folgendes darstellen:

    https://rawgit.com/Mikhus/canvas-gauges … l-bar.html

    davon das widget ohne Zeiger.

    Wenn ich den Scoures richtig lese, ist das folgender:

    <canvas data-type="radial-gauge" <br="">
    data-value="-20"

    data-width="400"

    data-height="400"

    data-bar-width="20"

    data-bar-shadow="1"

    data-color-bar-progress="rgba(200,50,50,.75)"

    data-color-bar="#eaa"

    data-border-shadow-width="0"

    data-border-inner-width="0"

    data-border-outer-width="0"

    data-border-middle-width="0"

    data-highlights="false"

    data-value-box-stroke="0"

    data-color-value-box-shadow="0"

    data-value-box-border-radius="0"

    data-value-text-shadow="0"

    data-color-value-box-background="transparent"

    data-needle="false"

    </canvas>

    Nur finde ich nicht die gleichen bzw. die richtigen Einstellung im "ioBroker.vis-canvas-gauges".

    Kann mir da jemand helfen?

    Danke und Gruß

    Tom

    <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

    1 Antwort Letzte Antwort
    0
    • R Offline
      R Offline
      RappiRN
      Most Active
      schrieb am zuletzt editiert von
      #2

      Mach doch einfach in den Widget-Einstellungen den Haken für den Zeiger weg, dann ist der Zeiger auch weg, so jedenfalls in meinem Test eben! 😉

      Enrico

      1 Antwort Letzte Antwort
      0
      • T Offline
        T Offline
        tomdeboom
        schrieb am zuletzt editiert von
        #3

        Hi Enrico,

        Zeiger weg ist nicht das Problem, eher der rest der Einstellungen:

        5104_screenshot_20180311-205540.png

        Der rote Balken z.B.

        Gruß Tom

        <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

        1 Antwort Letzte Antwort
        0
        • R Offline
          R Offline
          RappiRN
          Most Active
          schrieb am zuletzt editiert von
          #4

          Ich bekomme das auf die Schnelle nur innerhalb des Kreises als Sektoren hin, für außerhalb sehe ich mit meinem Wissen leider auch keine offensichtliche Möglichkeit.

          Enrico

          1 Antwort Letzte Antwort
          0
          • T Offline
            T Offline
            tomdeboom
            schrieb am zuletzt editiert von
            #5

            Guten Morgen,

            kann das sein, das diese Funktion erst mit der Version 2.1.4 von Canvas-Gauges kam?

            siehe hier: https://canvas-gauges.com/

            Gruß Tom

            <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

            1 Antwort Letzte Antwort
            0
            • R Offline
              R Offline
              RappiRN
              Most Active
              schrieb am zuletzt editiert von
              #6

              Keine Ahnung, ich kenne den Zusammenhang nicht, zwischen der Version auf der von dir verlinkten Seite und des Widget Adapters von ioBroker.

              Enrico

              1 Antwort Letzte Antwort
              0
              • T Offline
                T Offline
                tomdeboom
                schrieb am zuletzt editiert von
                #7

                Das war die Grundlage, denke ich, da das Javascript von dort kommt.

                Gruß Tom

                <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                1 Antwort Letzte Antwort
                0
                • T Offline
                  T Offline
                  tomdeboom
                  schrieb am zuletzt editiert von
                  #8

                  Hat irgendwer noch eine idee..

                  ich komme leider nicht weiter…

                  Gruß Tom

                  <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                  1 Antwort Letzte Antwort
                  0
                  • R Offline
                    R Offline
                    RappiRN
                    Most Active
                    schrieb am zuletzt editiert von
                    #9

                    Ich habe eben mal im Entwicklerforum https://forum.iobroker.net/viewtopic.php?f=24&t=12562 eine Anfrage zur Hilfe gestellt, vielleicht könnte man ja mit der Hilfe von fähigen Leuten eine Aktualisierung auf die neuere Version erreichen. 🙂

                    Enrico

                    1 Antwort Letzte Antwort
                    0
                    • T Offline
                      T Offline
                      tomdeboom
                      schrieb am zuletzt editiert von
                      #10

                      Guten Morgen,

                      Gute idee, danke.

                      Gruß Tom

                      <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                      1 Antwort Letzte Antwort
                      0
                      • sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #11

                        Hallo,

                        meint ihr so was:

                        2858_screenshot__458_.png

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Immer Daten sichern!

                        1 Antwort Letzte Antwort
                        0
                        • T Offline
                          T Offline
                          tomdeboom
                          schrieb am zuletzt editiert von
                          #12

                          Hallo Sigi,

                          also ich meinte so was, wo ein Balken sich im Kreisbogen bewegt.
                          5104_darstellung.png

                          Gruß,

                          Tom

                          <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                          1 Antwort Letzte Antwort
                          0
                          • HomoranH Nicht stören
                            HomoranH Nicht stören
                            Homoran
                            Global Moderator Administrators
                            schrieb am zuletzt editiert von
                            #13

                            Sowas gibt es auch, sogar relativ frei formatierbar:

                            ~~![](</s><URL url=)<link_text text="download/file.php?id=23170">https://forum.iobroker.net/download/file.php?id=23170</link_text>" />

                            Gruß

                            Rainer~~

                            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 -

                            1 Antwort Letzte Antwort
                            0
                            • T Offline
                              T Offline
                              tomdeboom
                              schrieb am zuletzt editiert von
                              #14

                              Hallo Rainer,

                              auch von 45° bis 270°, ich kenne das Widget bin aber dort nicht ganz klar gekommen wo ich und wie Einstellen muss.

                              Gruß

                              Tom

                              <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                              1 Antwort Letzte Antwort
                              0
                              • HomoranH Nicht stören
                                HomoranH Nicht stören
                                Homoran
                                Global Moderator Administrators
                                schrieb am zuletzt editiert von
                                #15

                                Hallo Tom,

                                ich bin jetzt nicht an meiner Installation.

                                Aber ich denke schon.

                                Werde ich dir gerne heute Abend testen und den Code zukommen lassen.

                                Gruß

                                Rainer

                                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 -

                                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

                                721

                                Online

                                32.4k

                                Benutzer

                                81.4k

                                Themen

                                1.3m

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

                                • Du hast noch kein Konto? Registrieren

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