Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Rgraph - Barchart Säulen Farben einstellen

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    Rgraph - Barchart Säulen Farben einstellen

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

      Das geht leider nicht.
      48_img_007.png

      1 Reply Last reply Reply Quote 0
      • A
        audioconcept last edited by

        Hi

        ich habe mal das Widget exportiert:

        [{"tpl":"tplRBarChart","data":{"visibility-cond":"==","visibility-val":1,"filled_color":"black","empty_color":"white","factor":"1","value_offset":"0","update_interval":"0","filled_text":"%","empty_text":"","decimals":"0","gutter_left":"45","horz_margin":"15","label_color":"white","labels_above":false,"label_size":"10","labels_color":"white","bar_labels_color":"white","oid1":"hm-rega.0.16437","oid2":"hm-rega.0.16438","oid3":"hm-rega.0.16436","oid4":"hm-rega.0.16439","name1":"Magenta","name2":"Zyan","name3":"Gelb","name4":"Schwarz","max_value1":"100","max_value2":"100","max_value3":"100","max_value4":"100","title":"","bar_labels_bold":false,"show_shadow":false,"num_hlines":"0","legend":false,"labels_above_angle":false,"bar_labels_center":true},"style":{"left":"774px","top":"352px","width":265,"height":148,"color":""},"widgetSet":"rgraph"}]
        

        Kann man da nicht die vier Säulen mit je einer Farbe zuweisen und dann wieder importieren?

        1 Reply Last reply Reply Quote 0
        • Bluefox
          Bluefox last edited by

          Was verstehst du unter "importieren"?

          RGraph gibt die Möglichkeit nicht.

          http://www.rgraph.net/examples/bar-line … harts.html

          Entwider viele Farben und nur eine Beschriftung oder eine Farbe und mehrere Beschriftungen.

          1 Reply Last reply Reply Quote 0
          • A
            audioconcept last edited by

            Hi

            mir würde auch nur die vier Säulen reichen in je einer Farbe. Auf die Beschriftung könnte ich verzichten.

            Ich muss mir gleich mal deinen Link genau durchlesen.

            1 Reply Last reply Reply Quote 0
            • P
              pix last edited by

              Genau deshalb habe ich dir diesen Thread verlinkt und sogar noch ein Widget angehängt:
              @pix:

              Hallo,

              hast du diesen Thread gesehen?

              http://forum.iobroker.de/viewtopic.php?f=21&t=910&p=6931&hilit=drucker&sid=fcbd6244f951b380209aa5ef91616dbc&sid=fcbd6244f951b380209aa5ef91616dbc#p6931

              Dort verwende ich dieses Widget (pro Farbe):

              [{"tpl":"tplValueFloatBarVertical","data":{"oid":"javascript.0.Drucker.Epson.PX830.Magenta.Level","visibility-cond":"==","visibility-val":1,"factor":"1","color":"Magenta","name":"Magenta","reverse":true},"style":{"left":289,"top":"230px","z-index":"22","color":"rgba(250,250,250,1);","width":"53px","height":"180px"},"widgetSet":"basic"}]
              ```` `  
              

              Die Darstellung ist nicht mit "RGRAPH" sondern mit "Bar Vertical". Da kannst du für jede Druckerfarbe ein Widget nehmen und dem Widget jede Farbe geben. Wenn dein Level-Wert 50% ist, zeigt "Bar vertical" nur die Hälft des Widgets farblich an. Es ist aber keine Skala dabei. Wenn du die unbedingt willst, baust du sie eben mit z-index dahinter (zB ein RGRAPH Widget ohne OID).

              261_bildschirmfoto_2015-10-21_um_13.06.46.jpg

              Gruß,

              Pix

              1 Reply Last reply Reply Quote 0
              • A
                audioconcept last edited by

                Hi Pix

                ich teste es heute Abend mal.

                1 Reply Last reply Reply Quote 0
                • A
                  audioconcept last edited by

                  Hallo Pix

                  ja hat super gepasst. Habe jetzt mit deinem Script die vier farbigen Säulen gemacht und mit Val Number darunter die Prozentzahl.

                  Danke
                  520_drucker.jpg

                  1 Reply Last reply Reply Quote 0
                  • P
                    pix last edited by

                    Hallo Michael,

                    freut mich, wenn es klappt. Falls du Tinte kaufen musst, habe ich mir noch den Preis von idealo eingebaut. Nicht geparst, sondern einfach nur die Grafik zur Preisentwicklung.
                    261_bildschirmfoto_2015-10-22_um_12.19.05.jpg
                    iFrame-Widget:````
                    [{"tpl":"tplImage","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","name":"idealo.de Preisechart","src":"http://cdn.idealo.com/folder/Product/1057/8/1057817/s1_pricetrendFaceliftLarge.png"},"style":{"left":"467px","top":"161px","z-index":"20","width":"405px","height":"233px"},"widgetSet":"basic"}]

                    
                    Gruß,
                    
                    Pix
                    1 Reply Last reply Reply Quote 0
                    • A
                      audioconcept last edited by

                      Hi

                      auch nicht schlecht. Passt aber leider nicht mehr bei mir rein.

                      1 Reply Last reply Reply Quote 0
                      • P
                        pix last edited by

                        @audioconcept:

                        Passt aber leider nicht mehr bei mir rein. `
                        Dafür gibt es ja Dialoge. Neue View "idealo" mit der Grafik erstellen, dann transparentes Dialog Widget über deine Anzeige / Hauptview legen

                        [{"tpl":"tplMetroTileNav","data":{"visibility-cond":"==","visibility-val":1,"hover":false,"transform":"true","label":"","bg_class":"bg-transparent","bg_class_active":"bg-magenta","badge_bg_class":"","badge_bg_class_active":"bg-teal","icon_badge":"","brand_bg_class":"","brand_bg_class_active":"","icon_class":"","nav_view":"idealo","name":"idealo Dialog öffnen"},"style":{"left":"368px","top":"818px","z-index":"30","width":"148px","height":"122px"},"widgetSet":"metro"}]
                        

                        und mit einer neuen View (idealo) verlinken.

                        Gruß,

                        Pix

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        866
                        Online

                        32.0k
                        Users

                        80.5k
                        Topics

                        1.3m
                        Posts

                        3
                        13
                        1747
                        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