Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. hqwidgets - odometer

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    hqwidgets - odometer

    This topic has been deleted. Only users with topic management privileges can see it.
    • stephan1827
      stephan1827 last edited by

      Hallo,
      wie kann ich bei dem odomoeter die Farbe des Text und des Hintergund ändern? Ich habe versucht die Textfarbe über die Eigenschaft color zu ändern aber da tut sich nichts.

      Schöne Grüße

      Stephan

      C 1 Reply Last reply Reply Quote 0
      • C
        claus1993 @stephan1827 last edited by

        Nutze das Widget um mir meine Zählerstände anzuzeigen. Leider wird hier die Ziffer nach dem Komme bei dem Wert 0 abgeschnitten.

        Hätte gerne das die Ziffer nach dem Komma immer angezeigt wird, auch wenn diese 0 ist.
        Weiterhin würde ich gerne die Ziffer hinter dem Koma mit einem roten Hintergrund anzeigen.

        Das ist das von mir eingestellte Format: (dddddd),d
        Leading Zero habe ich auch angeklickt

        Wo muss ich was einstellen damit ich das von mir gewünschten Layout erhalte?

        sigi234 1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @claus1993 last edited by

          @claus1993

          [{"tpl":"tplHqOdometer","data":{"oid":"DEIN DP","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","style":"default","format":"(ddd),dddd","factor":"1","leadingZeros":true,"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},"style":{"left":"211px","top":"173px","width":"359px","height":"155px","z-index":"4"},"widgetSet":"hqwidgets"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","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},"style":{"left":"259px","top":"179px","background-color":"#f9105a","width":"61px","height":"16px","z-index":"3"},"widgetSet":"basic"}]
          
          Homoran 1 Reply Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @sigi234 last edited by

            @sigi234 Ohne mir jetzt dein Widget importieren zu wollen wüsste ich gerne was du da geändert hast?
            Ich habe nämlich das gleiche Phänomen wie @claus1993 mit ständig springender Anzahl an Nachkommastellen, da mach das beste rechtsbündige Positionieren keinen Spass mehr

            sigi234 1 Reply Last reply Reply Quote 0
            • sigi234
              sigi234 Forum Testing Most Active @Homoran last edited by

              @Homoran sagte in hqwidgets - odometer:

              @sigi234 Ohne mir jetzt dein Widget importieren zu wollen wüsste ich gerne was du da geändert hast?
              Ich habe nämlich das gleiche Phänomen wie @claus1993 mit ständig springender Anzahl an Nachkommastellen, da mach das beste rechtsbündige Positionieren keinen Spass mehr

              Format:

              Screenshot (2872).png

              Homoran 1 Reply Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators @sigi234 last edited by Homoran

                @sigi234 sagte in hqwidgets - odometer:

                Format:

                wenn du damit (dd),ddd meinst, dann nutzt das (zumindest bei mir) nichts.
                sobald die letzten Ziffern 0 sind rutscht es trotzdem

                so soll es aussehen:
                Odometer_ok.png

                paar Sekunden später:
                Odometer_nok.png

                und so springt es dauernd

                sigi234 1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @Homoran last edited by

                  @Homoran

                  Hm..., ja anscheinend rundet er auf/ab?

                  Homoran 2 Replies Last reply Reply Quote 0
                  • Homoran
                    Homoran Global Moderator Administrators @sigi234 last edited by Homoran

                    @sigi234 sagte in hqwidgets - odometer:

                    @Homoran

                    Hm..., ja anscheinend rundet er auf/ab?

                    Möglicherweise!
                    mal nur eine Stelle, mal mehrere

                    Optisch sieht das leider nicht gut aus, besonders wenn es dauernd wechselt und die Größe sich ändert

                    Seltsamerweise gibt es aber auch Anzeigen, bei denen drei Nullen hinter dem Komma stehen, oder wenigstens die letzte Ziffer eine 0 ist.

                    C 1 Reply Last reply Reply Quote 0
                    • C
                      claus1993 @Homoran last edited by

                      So ganz verstehe ich das auch nicht, mal zeigt er die 0 an und mal nicht....

                      Ist wohl dem Betastatus des Widget geschuldet.

                      Gibt es eine Alternative die optisch den alten Ferris-Stromzählern ähnelt?

                      1 Reply Last reply Reply Quote 0
                      • Homoran
                        Homoran Global Moderator Administrators @sigi234 last edited by

                        @sigi234 sagte in hqwidgets - odometer:

                        @Homoran

                        Hm..., ja anscheinend rundet er auf/ab?

                        Nicht das widget 😉

                        Ich habe jetzt in meinem Skript definiert, dass er die Werte auf 3 Stellen nach dem Komma rundet, seitdem scheint es zu laufen.

                        Es sieht für mich so aus, als ob es daran liegt, dass wenn die Rohdaten bereits auf weniger als drei Stellen gerundet haben, auch das Widget keine Nullen anhängt.

                        Werde es aber weiter beobachten!

                        A 1 Reply Last reply Reply Quote 1
                        • A
                          ainu9yem @Homoran last edited by

                          Ich habe dasselbe Phänomen beobachtet. Wenn eine Zahl keine Nachkommastellen hat, dann zeigt das Odometer die Nachkommastellen nicht an, obwohl als Format sowas wie "dddd,dd" eingestellt ist.

                          Nach einigem Recherchieren habe ich herausgefunden, daß das in den hqwidgets verwendete Odometer wiederum eine Fremdkomponente ist (https://github.com/HubSpot/odometer). Dort findet man eine nicht-minifizierte Version der Javascript-Datei. Ich mußte nur 2 Zeilen ändern:

                          diff --git a/odometer.js b/odometer.js
                          index d66b4ed..3934d28 100644
                          --- a/odometer.js
                          +++ b/odometer.js
                          @@ -336,7 +336,7 @@
                                   }
                                 } else {
                                   wholePart = !this.format.precision || !fractionalPart(value) || false;
                          -        _ref1 = value.toString().split('').reverse();
                          +        _ref1 = value.toFixed(this.format.precision).split('').reverse();
                                   for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
                                     digit = _ref1[_j];
                                     if (digit === '.') {
                          @@ -507,7 +507,7 @@
                               Odometer.prototype.animateSlide = function(newValue) {
                                 var boosted, cur, diff, digitCount, digits, dist, end, fractionalCount, frame, frames, i, incr, j, mark, numEl, oldValue, start, _base, _i, _j, _k, _l, _len, _len1, _len2, _m, _ref, _results;
                                 oldValue = this.value;
                          -      fractionalCount = this.getFractionalDigitCount(oldValue, newValue);
                          +      fractionalCount = this.format.precision;
                                 if (fractionalCount) {
                                   newValue = newValue * Math.pow(10, fractionalCount);
                                   oldValue = oldValue * Math.pow(10, fractionalCount);
                          

                          Bei Interesse kann ich die Javascript-Datei zur Verfügung stellen.

                          Tschüß André

                          Homoran 1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @ainu9yem last edited by

                            @ainu9yem sagte in hqwidgets - odometer:

                            Bei Interesse kann ich die Javascript-Datei zur Verfügung stellen.

                            bitte ja!

                            und noch besser: issue/ pullrequest bei den widgets

                            A 1 Reply Last reply Reply Quote 0
                            • A
                              ainu9yem @Homoran last edited by

                              @homoran Der Bugfix müßte ja eigentlich in dem Odometer-Repository passieren. Das ist mir zu viel Arbeit. 😊
                              Hier ist die geänderte und minifizierte Datei: odometer.min.js
                              Der Pfad in ioBroker ist: iobroker-data/files/vis/widgets/hqwidgets/js/odometer.min.js

                              Anschließend muß man ioBroker neu starten.

                              Tschüß André

                              1 Reply Last reply Reply Quote 2
                              • S
                                shark last edited by

                                Danke,
                                ist genau das was ich gesucht habe.
                                Funktioniert bei mir bisher top. 👍

                                Gruß

                                F 1 Reply Last reply Reply Quote 1
                                • F
                                  FASchmidt @shark last edited by

                                  Ich hatte das Problem mit der letzten 0 auch. Zur Lösung führe ich einfach eine Multiplikation mit 1.0000000001 durch. Das verändert die Anzeige nicht, da die letzten Stellen ohnehin abgeschnitten werden.

                                  CropImage.png

                                  Gruß Andreas.

                                  1 Reply Last reply Reply Quote 0
                                  • First post
                                    Last post

                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  562
                                  Online

                                  31.8k
                                  Users

                                  80.0k
                                  Topics

                                  1.3m
                                  Posts

                                  vis
                                  7
                                  15
                                  1502
                                  Loading More Posts
                                  • Oldest to Newest
                                  • Newest to Oldest
                                  • Most Votes
                                  Reply
                                  • Reply as topic
                                  Log in to reply
                                  Community
                                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                  The ioBroker Community 2014-2023
                                  logo