{"id":14297,"date":"2020-12-28T18:59:59","date_gmt":"2020-12-28T17:59:59","guid":{"rendered":"https:\/\/nerdiy.de\/?p=14297"},"modified":"2021-03-16T15:21:02","modified_gmt":"2021-03-16T14:21:02","slug":"howto-pxlblck-relative-werte-als-bargraph-darstellen","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/","title":{"rendered":"HowTo: pxlBlck &#8211; Relative Werte als BarGraph darstellen"},"content":{"rendered":"\n<p>Mit der (lange vor mir hergeschobenen Dokumentation der pxlBlcks) habe ich im November 2020 begonnen nachdem Hackaday.com die &#8222;GoodBye 2020&#8220;-Challenge ausgerufen hatte. (Mehr Infos dazu hier: <strong><em><a href=\"https:\/\/hackaday.io\/contest\/175608-goodbye-2020\/details\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/hackaday.io\/contest\/175608-goodbye-2020\/details<\/a><\/em><\/strong>)<\/p>\n\n\n\n<p>Genutzt hatte ich die pxlBlcks damals schon lange, nur wie so oft hatte ich nie die Zeit\/Motivation gefunden das ganze aufzuschreiben.<\/p>\n\n\n\n<p>Wer die Beschreibung der oben erw\u00e4hnten Challenge gelesen hat, hat vielleicht auch gemerkt, dass die Challenge sehr gut zu dem Funktionsumfang der pxlBlcks passt. Lauftexte lie\u00dfen sich schon lange darauf darstellen. Also l\u00e4sst sich so zum Beispiel auch ohne gro\u00dfe Probleme eine &#8222;Good Bye 2020&#8220;-Nachricht einblenden. <\/p>\n\n\n\n<p>Dank eines Tipps, von einem der ersten Tester des pxlBlck-Plugins kam ich aber noch auf eine andere Idee wie man noch besser visualisieren kann wann man das Jahr 2020 endlich hinter sich hat: Eine Art Ladebalken der visualisiert wieviele Tage des Jahres 2020 schon weg sind und dementsprechend noch verbleiben.<\/p>\n\n\n\n<p>Dazu habe ich in das pxlBlck-Plugin einen neuen Befehl implementiert mit dem sich bis zu f\u00fcnf relative (Prozent)-Werte auf dem Display darstellen lassen. So kann man sich nicht nur das Ende eines Zeitraums sondern zus\u00e4tzlich auch diverse skalierte (wenn der Wert absolut ist) oder relative Werte anzeigen lassen.<\/p>\n\n\n\n<p>So l\u00e4sst sich zum Beispiel sehr gut der Wert der relativen Luftfeuchtigkeit anzeigen, weil dieser Wert bereits relativ ist und einem Prozentwert entspricht. Um Absolutwerte darzustellen muss man etwas mehr &#8222;Mathematik&#8220; nutzen. Klingt kompliziert. Ist es aber nicht.<\/p>\n\n\n\n<p>Wie Ihr auf dem Display eures pxlBlcks relative Werte in Ladebalken-Optik darstellen k\u00f6nnt, ist in dem nachfolgenden Artikel beschrieben.<\/p>\n\n\n\n<div class=\"wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular\"><div class=\"tiled-gallery__gallery\"><div class=\"tiled-gallery__row\"><div class=\"tiled-gallery__col\" style=\"flex-basis:66.7874160296666%\"><figure class=\"tiled-gallery__item\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?ssl=1\"><img decoding=\"async\" data-attachment-id=\"14350\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;5.6&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087641&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;43&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.016666666666667&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?fit=810%2C540&amp;ssl=1\" data-attachment-id=\"14350\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;5.6&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087641&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;43&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.016666666666667&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Bild\u00a01 von 6 im Vollbildmodus \u00f6ffnen\"srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"1707\" data-id=\"14350\" data-link=\"https:\/\/nerdiy.de\/?attachment_id=14350\" data-url=\"https:\/\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg\" data-width=\"2560\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?ssl=1\" layout=\"responsive\"\/><\/a><\/figure><\/div><div class=\"tiled-gallery__col\" style=\"flex-basis:33.212583970333384%\"><figure class=\"tiled-gallery__item\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?ssl=1\"><img decoding=\"async\" data-attachment-id=\"14351\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087654&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?fit=810%2C540&amp;ssl=1\" data-attachment-id=\"14351\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087654&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Bild\u00a02 von 6 im Vollbildmodus \u00f6ffnen\"srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"1707\" data-id=\"14351\" data-link=\"https:\/\/nerdiy.de\/?attachment_id=14351\" data-url=\"https:\/\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg\" data-width=\"2560\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?ssl=1\" layout=\"responsive\"\/><\/a><\/figure><figure class=\"tiled-gallery__item\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?ssl=1\"><img decoding=\"async\" data-attachment-id=\"14352\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087664&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.016666666666667&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?fit=810%2C540&amp;ssl=1\" data-attachment-id=\"14352\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087664&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.016666666666667&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Bild\u00a03 von 6 im Vollbildmodus \u00f6ffnen\"srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"1707\" data-id=\"14352\" data-link=\"https:\/\/nerdiy.de\/?attachment_id=14352\" data-url=\"https:\/\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg\" data-width=\"2560\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?ssl=1\" layout=\"responsive\"\/><\/a><\/figure><\/div><\/div><div class=\"tiled-gallery__row\"><div class=\"tiled-gallery__col\" style=\"flex-basis:33.33333333333333%\"><figure class=\"tiled-gallery__item\"><a href=\"https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?ssl=1\"><img decoding=\"async\" data-attachment-id=\"14354\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087669&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?fit=810%2C540&amp;ssl=1\" data-attachment-id=\"14354\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087669&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Bild\u00a04 von 6 im Vollbildmodus \u00f6ffnen\"srcset=\"https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"1707\" data-id=\"14354\" data-link=\"https:\/\/nerdiy.de\/?attachment_id=14354\" data-url=\"https:\/\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg\" data-width=\"2560\" src=\"https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?ssl=1\" layout=\"responsive\"\/><\/a><\/figure><\/div><div class=\"tiled-gallery__col\" style=\"flex-basis:33.33333333333333%\"><figure class=\"tiled-gallery__item\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?ssl=1\"><img decoding=\"async\" data-attachment-id=\"14356\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087682&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.0125&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?fit=810%2C540&amp;ssl=1\" data-attachment-id=\"14356\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087682&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.0125&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Bild\u00a05 von 6 im Vollbildmodus \u00f6ffnen\"srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"1707\" data-id=\"14356\" data-link=\"https:\/\/nerdiy.de\/?attachment_id=14356\" data-url=\"https:\/\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg\" data-width=\"2560\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?ssl=1\" layout=\"responsive\"\/><\/a><\/figure><\/div><div class=\"tiled-gallery__col\" style=\"flex-basis:33.33333333333333%\"><figure class=\"tiled-gallery__item\"><a href=\"https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?ssl=1\"><img decoding=\"async\" data-attachment-id=\"14357\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087691&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.0125&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?fit=810%2C540&amp;ssl=1\" data-attachment-id=\"14357\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087691&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.0125&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Bild\u00a06 von 6 im Vollbildmodus \u00f6ffnen\"srcset=\"https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"1707\" data-id=\"14357\" data-link=\"https:\/\/nerdiy.de\/?attachment_id=14357\" data-url=\"https:\/\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg\" data-width=\"2560\" src=\"https:\/\/i2.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?ssl=1\" layout=\"responsive\"\/><\/a><\/figure><\/div><\/div><\/div><\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/khh2ycqSGkk?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=de-DE&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><figcaption>Good Bye 2020 \ud83d\ude42<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2><span style=\"color: #ff0000;\">Sicherheitshinweise <\/span><\/h2>\r\n<p><span style=\"color: #ff0000;\">Ich wei\u00df die folgenden Hinweise sind immer irgendwie l\u00e4stig und wirken unn\u00f6tig. Aber leider haben schon viele Menschen die es \"besser\" wussten aus Leichtsinnigkeit Augen, Finger oder anderes verloren bzw. sich verletzt. Im Vergleich dazu ist ein Datenverlust fast nicht der Rede Wert, aber auch diese k\u00f6nnen echt \u00e4rgerlich sein. Deswegen nehmt Euch bitte f\u00fcnf Minuten Zeit um die Sicherheitshinweise zu lesen. Denn auch das coolste Projekt ist keine Verletzung oder anderen \u00c4rger wert.<\/span><br \/><strong><em><a href=\"https:\/\/www.nerdiy.de\/sicherheitshinweise\/\"><span style=\"color: #ff0000;\">https:\/\/www.nerdiy.de\/sicherheitshinweise\/<\/span><\/a><\/em><\/strong><\/p>\r\n<h2>Affiliatelinks\/Werbelinks<\/h2>\r\n<p><em>Die hier in aufgef\u00fchrten Links zu Online-Shops sind sogenannte Affiliate-Links. Wenn Du auf so einen Affiliate-Link klickst und \u00fcber diesen Link einkaufst, bekommt Nerdiy.de von dem betreffenden Online-Shop oder Anbieter eine Provision. F\u00fcr Dich ver\u00e4ndert sich der Preis nicht. Falls Du Deine Eink\u00e4ufe \u00fcber diese Links t\u00e4tigst unterst\u00fctzt Du Nerdiy.de dabei auch in Zukunft weitere n\u00fctzliche Projekte anbieten zu k\u00f6nnen. \ud83d\ude42\u00a0<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<p>Um die Infos in diesem Artikel nutzen zu k\u00f6nnen, solltet Ihr Euren pxlBlck bereits aufgebaut und programmiert haben. Infos dazu findet Ihr in den folgenden Artikeln.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-352027ef-e924-40a5-85fd-fec49edf612c\"><li><a href=\"https:\/\/nerdiy.de\/pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck \u2013 Ein IOT\/SmartHome Informations-System<\/em><\/strong><\/a><\/li><li><a href=\"https:\/\/nerdiy.de\/howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck \u2013 Das pxlBlck-Plugin installieren und konfigurieren<\/em><\/strong><\/a><\/li><li><strong><em><a href=\"https:\/\/nerdiy.de\/howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck \u2013 Ziffernbl\u00e4tter und Bildschirmschoner konfigurieren<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p><strong>Ben\u00f6tigtes Werkzeug:<\/strong><br>&#8211; keins &#8211;<\/p>\n\n\n\n<p><strong>Ben\u00f6tigtes Material:<\/strong><br>&#8211; keins &#8211;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Der Befehl zur Darstellung relativer Werte<\/h2>\n\n\n\n<p>Der nachfolgende Befehl eignet sich um relative oder eingegrenzte absolute werte auf dem Display des pxlBlck darstellen zu k\u00f6nnen. Dabei kann die &#8222;Richtung&#8220; des visualisierten Ladebalkens auf dem Display eingestellt werden. Zus\u00e4tzlich l\u00e4sst sich f\u00fcr den ersten der gesendeten relativen Werte ein &#8222;filled&#8220;-flag setzen. Dies hat zur Folge, dass die Displayfl\u00e4che von Null bis zu dem gew\u00fcnschten Wert auch in der eingestellt Farbe eingef\u00e4rbt wird. Zu guter Letzt l\u00e4sst sich die Anzeigefarbe jedes einzelnen Wertes einstellen.<\/p>\n\n\n\n<p>Falls Ihr lieber Beispiele sehen wollt: Scrollt etwas weiter. Unten habe ich diverse Beispiele inklusive der genutzten Befehle aufgelistet.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Befehlsname<\/strong><\/h4>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbbar<\/em><\/p><\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Befehls\u00fcbersicht<\/strong><\/h4>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"><em><em>pbbar<\/em>,[<em>display_duration<\/em>1-86400000],[<em>mirrored<\/em><\/em> <em>0-1],[<em><em><em>first_bar_filled<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>display_direction<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>bar_graph_value<\/em><\/em><\/em><\/em> <em>0-100],[<em><em><em><em>red<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em><em><em><em>green<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em>blue<\/em><\/em> <em>0-500],<\/em>[up to four additional value groups]<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Parameter-Beschreibung<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>Parametername<\/th><th>Beschreibung<\/th><th class=\"has-text-align-center\" data-align=\"center\">Erlaubter Wertebereich<\/th><\/tr><\/thead><tbody><tr><td><em>display_duration<\/em><\/td><td>Dieser Parameter legt die Anzeigedauer des dargestellten Wertes fest. Diese beginnt, nachdem alle Werte auf dem Display dargestellt wurden.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-86400000<\/td><\/tr><tr><td><em>mirrored<\/em><\/td><td>Mithilfe dieses Parameters k\u00f6nnt Ihr die Darstellung des Wertes spiegeln. Mithilfe des Parameters &#8222;<em><em>display_direction<\/em><\/em>&#8220; l\u00e4sst sich der BarGraph so also in alle Richtungen ausrichten. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>first_bar_filled<\/em><\/em><\/td><td>Dieser Parameter aktiviert oder deaktiviert die ausgef\u00fcllte Darstellung f\u00fcr den ersten Wert. Wenn Ihr also den ersten Wert auf 25 einstellt und dieser Parameter aktiviert ist, werden 25% der Matrix mit der f\u00fcr diesen Parameter gew\u00fcnschten Farbe &#8222;gef\u00fcllt&#8220;. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>display_direction<\/em><\/em><\/td><td>Dieser Parameter konfiguriert, ob der Wert waagerecht (0) oder senkrecht (1) dargestellt wird. Mithilfe des Parameters &#8222;<em>mirrored<\/em>&#8220; l\u00e4sst sich diese Ausrichtung zus\u00e4tzlich spiegeln.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td>direct_output<\/td><td>Wenn diese Option gesetzt (=1) ist dann wird der Wert sofort auf dem Display dargestellt. Die Anzeigeanimation wird also nicht angezeigt.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>bar_graph_value<\/em><\/em><\/td><td>Das ist der eigentliche Wert zwischen 0 und 100 den Ihr darstellen wollt.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-100<\/td><\/tr><tr><td><em><em>red<\/em><\/em><\/td><td>Dieser Parameter bestimmt die Helligkeit der Roten Farbe des zugeh\u00f6rigen Wertes.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>green<\/em><\/em><\/td><td>Dieser Parameter bestimmt die Helligkeit der Gr\u00fcnen Farbe des zugeh\u00f6rigen Wertes.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em>blue<\/em><\/td><td>Dieser Parameter bestimmt die Helligkeit der Blauen Farbe des zugeh\u00f6rigen Wertes.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Beispiel<\/h5>\n\n\n\n<p>Detailliertere Informationen inkl. Bilder und Videos der verschiedenen Darstellungen und wie Ihr diese auf Eurem pxlBlck anzeigen k\u00f6nnt sind im folgendem Absatz enthalten.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Mehr als einen Wert gleichzeitig darstellen<\/h2>\n\n\n\n<p>Wenn Ihr nur einen Wert auf dem Display Eures pxlBlcks visualisieren wollt, ist der Aufbau des Befehls recht einfach. Dazu k\u00f6nnt Ihr Euch n\u00e4mlich einfach an der oben stehenden Tabelle orientieren. Ein Befehl zur Anzeige nur eines Wertes k\u00f6nnte zum Beispiel folgenderma\u00dfen aussehen.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>pbbar,<span style=\"color:#ff0000\" class=\"has-inline-color\">10000<\/span>,<span style=\"color:#01b3ff\" class=\"has-inline-color\">1<\/span>,<span style=\"color:#f500fe\" class=\"has-inline-color\">1<\/span>,0,<span style=\"color:#6200ff\" class=\"has-inline-color\">0<\/span>,<span style=\"color:#f9a200\" class=\"has-inline-color\">75<\/span>,<span style=\"color:#49fe01\" class=\"has-inline-color\">50,00,0,<\/span><\/strong><\/li><\/ul>\n\n\n\n<p>Dieser Befehl zeigt f\u00fcr <span style=\"color:#ff0000\" class=\"has-inline-color\">10 Sekunden (=10000ms)<\/span> den <span style=\"color:#01b3ff\" class=\"has-inline-color\">gespiegelten <\/span>und <span style=\"color:#f500fe\" class=\"has-inline-color\">gef\u00fcllten <\/span>Wert <span style=\"color:#f9a200\" class=\"has-inline-color\">75<\/span> <span style=\"color:#6200ff\" class=\"has-inline-color\">mit Animation<\/span> in der <span style=\"color:#49fe01\" class=\"has-inline-color\">Farbe Rot<\/span> an.<\/p>\n\n\n\n<p>Wenn Ihr nun (die maximal m\u00f6glichen) f\u00fcnf Werte darstellen wollt, k\u00f6nnte der Befehl so aussehen.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>pbbar,10000,1,1,0,0,10,<span style=\"color:#fc0000\" class=\"has-inline-color\">255,0,0<\/span>,<span style=\"color:#ff7300\" class=\"has-inline-color\">25,0,255,0<\/span>,<span style=\"color:#2fff00\" class=\"has-inline-color\">50,0,0,255<\/span>,<span style=\"color:#0400ff\" class=\"has-inline-color\">75,0,255,255<\/span>,<span style=\"color:#f700ff\" class=\"has-inline-color\">100,255,0,255,<\/span><\/strong><\/li><\/ul>\n\n\n\n<p>In dem angegebenen Beispiel habe ich die Einstellungen f\u00fcr die einzelnen Werte jeweils farbig markiert. Der erste Wert und dessen Farbeinstellungen sind rot, der zweite orange, der dritte gr\u00fcn, der vierte blau und der f\u00fcnfte pink markiert.<\/p>\n\n\n\n<p>So k\u00f6nnt Ihr also mehrere Werte mit nur einem Befehl zur Darstellung an den pxlBlck senden. Achtete aber darauf, dass maximal f\u00fcnf Werte gleichzeitig dargestellt werden k\u00f6nnen.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Mithilfe von Rules jede Stunde eine definierte Dauer zu einem Datum anzeigen lassen<\/h2>\n\n\n\n<p>Wenn Ihr zum Beispiel (wie oben schon erw\u00e4hnt) darstellen wollt wann das aktuelle Jahr (2020) (endlich) zu Ende ist, k\u00f6nnt Ihr folgende Rules nutzen.<\/p>\n\n\n\n<p>Diese Rules berechnen aus dem aktuellen Datum bzw. Zeitpunkt die Differenz zum 1.1.2020 00:00 und konvertieren diese Differenz in eine Prozentzahl. Diese Prozentzahl wird dann genutzt um damit den &#8222;pbbar&#8220; Befehl zu &#8222;f\u00fcttern&#8220;. Da die Darstellung auf dem pxlBlck_32x8 und der pxlBlck_RingClock etwas voneinander abweichen findet Ihr im folgenden zwei leicht unterschiedliche Codes f\u00fcr die Rules Eures pxlBlcks.<\/p>\n\n\n\n<p>Da der pxlBlck_32x8 auch einen Lauftext darstellen kann ist in dem Rules-Beispiel f\u00fcr den pxlBlck_32x8 auch die automatische Ausgabe von &#8222;Auf Wiedersehen&#8220;-Nachrichten (in verschiedenen Sprachen) enthalten. (Warum? Siehe oben angegebene &#8222;GoodBye 2020&#8220;-Challenge. \ud83d\ude42 ).<\/p>\n\n\n\n<p>Die Rules werden jede Minute durch das &#8222;Clock#Time&#8220;-Event ausgel\u00f6st. Informationen zu den ESP-Easy-Rules findet Ihr unter anderem unter folgenden Links.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/www.letscontrolit.com\/wiki\/index.php\/Tutorial_Rules\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.letscontrolit.com\/wiki\/index.php\/Tutorial_Rules<\/a><\/em><\/strong><\/li><li><strong><em><a href=\"https:\/\/www.letscontrolit.com\/wiki\/index.php\/ESPEasy_System_Variables\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.letscontrolit.com\/wiki\/index.php\/ESPEasy_System_Variables<\/a><\/em><\/strong><\/li><li><strong><em><a href=\"https:\/\/www.letscontrolit.com\/wiki\/index.php\/EasyFormula\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.letscontrolit.com\/wiki\/index.php\/EasyFormula<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/qRqMcECKxsQ?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=de-DE&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><figcaption>Ansicht der unten aufgef\u00fchrten Rules Auf den Displays des plBlck_32x8, pxlBlck_8x8 und der pxlBlck_RingClock.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">F\u00fcr pxlBlck_RingClock<\/h3>\n\n\n\n<p>Hier das Rules Beispiel f\u00fcr die pxlBlck_RingClock.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"572\" data-attachment-id=\"14337\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?fit=1224%2C864&amp;ssl=1\" data-orig-size=\"1224,864\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?fit=810%2C572&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=810%2C572&#038;ssl=1\" alt=\"\" class=\"wp-image-14337\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=1024%2C723&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=300%2C212&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=768%2C542&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?w=1224&amp;ssl=1 1224w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">on Clock#Time=All,**:** do\n\n   \/\/1577833200=unixtime at \"1.1.2020 @ 00:00\"\n\n   let,1,%unixtime%-1577833200\t\/\/calculating seconds passed since 1.1.2020 @ 00:00\n   let,1,%v1%\/60   \/\/converting to minuntes passed since 1.1.2020 @ 00:00\n   let,1,%v1%\/60   \/\/converting to hours passed since 1.1.2020 @ 00:00\n   let,1,%v1%\/24   \/\/converting to days passed since 1.1.2020 @ 00:00\n   let,2,%v1%\/365  \/\/calculating relative value of \"how much days of the year 2020 are passed\"\n   let,2,%v2%*100  \/\/converting relative (float) value to percentage\n\n   pbbar,10000,1,1,0,%v2%,50,00,0,\n\nendon<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">F\u00fcr pxlBlck_32x8<\/h3>\n\n\n\n<p>Hier das Rules Beispiel f\u00fcr die pxlBlck_RingClock.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"572\" data-attachment-id=\"14338\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?fit=1224%2C864&amp;ssl=1\" data-orig-size=\"1224,864\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?fit=810%2C572&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=810%2C572&#038;ssl=1\" alt=\"\" class=\"wp-image-14338\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=1024%2C723&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=300%2C212&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=768%2C542&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?w=1224&amp;ssl=1 1224w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">on Clock#Time=All,**:** do\n\n   \/\/1577833200=unixtime at \"1.1.2020 @ 00:00\"\n\n   let,1,%unixtime%-1577833200\t\/\/calculating seconds passed since 1.1.2020 @ 00:00\n   let,1,%v1%\/60   \/\/converting to minuntes passed since 1.1.2020 @ 00:00\n   let,1,%v1%\/60   \/\/converting to hours passed since 1.1.2020 @ 00:00\n   let,1,%v1%\/24   \/\/converting to days passed since 1.1.2020 @ 00:00\n   let,2,%v1%\/365  \/\/calculating relative value of \"how much days of the year 2020 are passed\"\n   let,2,%v2%*100  \/\/converting relative (float) value to percentage\n\n   pbbar,2000,0,1,1,%v2%,0,10,0,\n\n   Delay 2000 \/\/ to give some time for the display of the bar setting\n\n   pbrntxt,10,10,10,0,0,0,25,8,Au Revoir - Adios - Auf Wiedersehen - Do Svidaniya - G\u00fcle g\u00fcle - Aloha - Selamat tinggal - DaH jImej - Sayonara - I am groot.,\n\nendon<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Restdauer kontinuierlich darstellen lassen<\/h3>\n\n\n\n<p>F\u00fcr den Fall, dass Ihr die Restdauer (oder auch jeden anderen dargestellten Wert) durchg\u00e4ngig darstellen wollt, m\u00fcsst Ihr lediglich die Anzeigedauer so hoch einstellen,  dass sie gr\u00f6\u00dfer als der Aktualisierungsintervall der Anzeige ist.<\/p>\n\n\n\n<p>Wenn Ihr also jede Minute einen Wert auf dem Display darstellen wollt und dieser dauerhaft bzw. bis zur n\u00e4chsten Aktualisierung dargestellt werden soll, m\u00fcsst Ihr den Wert f\u00fcr <em>display_duration<\/em> auf (mindestens) 60000(ms) stellen. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Relativen (prozent)-Wert aus NodeRed senden und auf dem pxlBlck darstellen<\/h2>\n\n\n\n<p>Ein Beispiel wie Ihr einen relativen prozent-Wert (also ein Wert von 0-100) aus NodeRed zum pxlBlck senden und auf dessen Display darstellen k\u00f6nnt, findet Ihr in folgendem NodeCode.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"274\" data-attachment-id=\"14339\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?fit=1129%2C381&amp;ssl=1\" data-orig-size=\"1129,381\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?fit=810%2C274&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=810%2C274&#038;ssl=1\" alt=\"\" class=\"wp-image-14339\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=1024%2C346&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=300%2C101&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=768%2C259&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?w=1129&amp;ssl=1 1129w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><figcaption>Hier seht Ihr die Ansicht des Beispiels im Editor von NodeRed.<br>Damit das Beispiel funktioniert m\u00fcsst Ihr nat\u00fcrlich noch den Namen Eures pxlBlcks anpassen. Infos dazu findet Ihr weiter unten unter den hier aufgef\u00fchrten Beispielen.<\/figcaption><\/figure>\n\n\n\n<p>Den Code zu den hier beschriebenen NodeRed-Beispielen findet Ihr unter folgendem Link.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Wie Ihr vorgehen k\u00f6nnt um diesen in Eure NodeRed-Installation zu importieren ist in dem folgenden Artikel beschrieben.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/nodered-node-code-importieren-und-exportieren\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed \u2013 Node-Code importieren und exportieren<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/6a-kWiDZhz4?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=de-DE&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><figcaption>Ansicht auf dem Display, wenn Ihr das oben angegebene Beispiel f\u00fcr NodeRed nutzt.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Nicht-relative Werte aus NodeRed senden und auf dem PxlBlck darstellen<\/h2>\n\n\n\n<p>Dieses Beispiel zeigt wie Ihr auch nicht-relative Werte mithilfe von NodeRed an Euren pxlBlck senden k\u00f6nnt. Damit dies funktioniert wird der absolute Werte mithilfe der range-node nach &#8222;unten&#8220; und &#8222;oben&#8220; limitiert und auf den 0-100 Wertebereich des pxlBlcks skaliert. Dies passiert in der Node mit dem Namen &#8222;set allowed range for scaling&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"218\" data-attachment-id=\"14340\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?fit=1273%2C342&amp;ssl=1\" data-orig-size=\"1273,342\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?fit=810%2C218&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=810%2C218&#038;ssl=1\" alt=\"\" class=\"wp-image-14340\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=1024%2C275&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=300%2C81&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=768%2C206&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?w=1273&amp;ssl=1 1273w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><figcaption>Hier seht Ihr die Ansicht des Beispiels im Editor von NodeRed.<br>Damit das Beispiel funktioniert m\u00fcsst Ihr nat\u00fcrlich noch den Namen Eures pxlBlcks anpassen. Infos dazu findet Ihr weiter unten unter den hier aufgef\u00fchrten Beispielen.<\/figcaption><\/figure>\n\n\n\n<p>Den Code zu den hier beschriebenen NodeRed-Beispielen findet Ihr unter folgendem Link. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json\">https:\/\/github.com\/Nerdiyde\/No<\/a><a href=\"https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json\" target=\"_blank\" rel=\"noreferrer noopener\">d<\/a><a href=\"https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json\">eRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Wie Ihr vorgehen k\u00f6nnt um diesen in Eure NodeRed-Installation zu importieren ist in dem folgenden Artikel beschrieben.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/nodered-node-code-importieren-und-exportieren\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed \u2013 Node-Code importieren und exportieren<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-ae547ff6-b825-4a84-bd5f-44439ce0c9f1\">Beispiel: F\u00fcnf relative Werte aus NodeRed senden und gleichzeitig auf dem PxlBlck darstellen<\/h2>\n\n\n\n<p>Dieses Beispiel zeigt wie Ihr f\u00fcnf Werte gleichzeitig mithilfe von NodeRed an Euren pxlBlck senden k\u00f6nnt. Zus\u00e4tzlich k\u00f6nnen auch die Anzeige-Optionen eingestellt werden. Die einzelnen Werte werdend dazu in Variablen gesammelt und auf Knopfdruck (&#8222;send to pxlBlck&#8220;) zu einem Befehl zusammengesetzt und an den pxlBlck gesendet.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"497\" data-attachment-id=\"14341\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?fit=1190%2C730&amp;ssl=1\" data-orig-size=\"1190,730\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?fit=810%2C497&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=810%2C497&#038;ssl=1\" alt=\"\" class=\"wp-image-14341\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=1024%2C628&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=300%2C184&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=768%2C471&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?w=1190&amp;ssl=1 1190w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><figcaption>Hier seht Ihr die Ansicht des Beispiels im Editor von NodeRed.<br>Damit das Beispiel funktioniert m\u00fcsst Ihr nat\u00fcrlich noch den Namen Eures pxlBlcks anpassen. Infos dazu findet Ihr weiter unten unter den hier aufgef\u00fchrten Beispielen.<\/figcaption><\/figure>\n\n\n\n<p>Den Code zu den hier beschriebenen NodeRed-Beispielen findet Ihr unter folgendem Link.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/Nerdiyde\/NodeRedSnippets\/blob\/master\/snippets\/pxlBlck_pbbar_command_nodeRed_control_example.json<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Wie Ihr vorgehen k\u00f6nnt um diesen in Eure NodeRed-Installation zu importieren ist in dem folgenden Artikel beschrieben.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/nodered-node-code-importieren-und-exportieren\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed \u2013 Node-Code importieren und exportieren<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/8ztvh2nygiE?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=de-DE&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><figcaption>Ansicht auf dem Display, des pxlBlck_32x8 wenn Ihr das oben angegebene Beispiel f\u00fcr NodeRed nutzt. Der erste dargestellte Wert (gr\u00fcn) hat dabei erst den Wert 25, dann 50 und dann 0.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Infos zur Anpassung\/Konfiguration der aufgef\u00fchrten NodeRed-Beispiele<\/h2>\n\n\n\n<p>Die oben angegebenen Beispiel solltet Ihr noch etwas anpassen bevor Ihr diese erfolgreich testen k\u00f6nnt.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"857\" data-attachment-id=\"14348\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?fit=699%2C857&amp;ssl=1\" data-orig-size=\"699,857\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?fit=699%2C857&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?resize=699%2C857&#038;ssl=1\" alt=\"\" class=\"wp-image-14348 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?w=699&amp;ssl=1 699w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?resize=245%2C300&amp;ssl=1 245w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Dazu m\u00fcsst Ihr jeweils in der MQTT-Node den passenden Namen Eures pxlBlcks eintragen.<\/p>\n\n\n\n<p>In dem links sichtbaren Beispiel lautet der Name meines verwendeten pxlBlcks<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pxlBlck_32x8_ESP32<\/p><\/blockquote>\n\n\n\n<p>Diesen Teil des Topics solltet Ihr \u00e4ndern und dort nat\u00fcrlich den Namen Eures pxlBlcks angeben.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"459\" data-attachment-id=\"14349\" data-permalink=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?fit=1463%2C828&amp;ssl=1\" data-orig-size=\"1463,828\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?fit=810%2C459&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=810%2C459&#038;ssl=1\" alt=\"\" class=\"wp-image-14349 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=1024%2C580&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=768%2C435&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=135%2C75&amp;ssl=1 135w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?w=1463&amp;ssl=1 1463w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Hier sehr Ihr den Inhalt der ersten function-Node. <\/p>\n\n\n\n<p>\u00c4ndern m\u00fcsst Ihr hier nichts. Allerdings lohnt sich ein Blick hier rein, wenn Ihr interessiert seid, wie der Befehl zusammengesetzt wird und woher die Daten bezogen werden. \ud83d\ude42<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>Viel Spa\u00df mit dem Projekt<\/h2>\r\n<p>Ich hoffe bei euch hat alles wie beschrieben funktioniert. Falls nicht oder ihr Fragen oder Anregungen habt lasst es mich in den Kommentaren bitte wissen. Ich trage dies dann ggf. in den Artikel nach.<br \/>Auch Ideen f\u00fcr neue Projekte sind immer gerne willkommen. \ud83d\ude42<\/p>\r\n<p><strong>P.S. Viele dieser Projekte - besonders die Hardwareprojekte - kosten viel Zeit und Geld. Nat\u00fcrlich mache ich das weil ich Spa\u00df daran habe, aber wenn Du es cool findest, dass ich die Infos dazu mit Euch teile, w\u00fcrde ich mich \u00fcber eine kleine Spende an die Kaffeekasse freuen. \ud83d\ude42<\/strong><\/p>\r\n<p><a href=\"https:\/\/ko-fi.com\/nerdiy\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"border: 0px; height: 36px;\" src=\"https:\/\/i0.wp.com\/cdn.ko-fi.com\/cdn\/kofi4.png?resize=143%2C36&#038;ssl=1\" alt=\"Buy Me a Coffee at ko-fi.com\" width=\"143\" height=\"36\" border=\"0\" \/><\/a>\u00a0 \u00a0 \u00a0 \u00a0<input name=\"cmd\" type=\"hidden\" value=\"_s-xclick\" \/> <input name=\"hosted_button_id\" type=\"hidden\" value=\"UAZE9RMHJY7VJ\" \/> <input title=\"PayPal - The safer, easier way to pay online!\" alt=\"Donate with PayPal button\" name=\"submit\" src=\"https:\/\/www.paypalobjects.com\/de_DE\/DE\/i\/btn\/btn_donateCC_LG.gif\" type=\"image\" \/> <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.paypal.com\/de_DE\/i\/scr\/pixel.gif?resize=1%2C1&#038;ssl=1\" alt=\"\" width=\"1\" height=\"1\" border=\"0\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit der (lange vor mir hergeschobenen Dokumentation der pxlBlcks) habe ich im November 2020 begonnen nachdem Hackaday.com die &#8222;GoodBye 2020&#8220;-Challenge ausgerufen hatte. (Mehr Infos dazu hier: https:\/\/hackaday.io\/contest\/175608-goodbye-2020\/details) Genutzt hatte ich [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14353,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[91,149,146,113,153,61,339],"tags":[245,170,165,151,154,301],"class_list":["post-14297","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3d-druck","category-abendprojekt2h","category-esp-easy","category-node-red","category-pxlblck","category-smarthome","category-sticky","tag-esp32","tag-esp8266-2","tag-espeasy","tag-espeasy-plugin","tag-pxlblck","tag-pxlblckusecase"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HowTo: pxlBlck - Relative Werte als BarGraph darstellen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...<\/title>\n<meta name=\"description\" content=\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HowTo: pxlBlck - Relative Werte als BarGraph darstellen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\" \/>\n<meta property=\"og:description\" content=\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/\" \/>\n<meta property=\"og:site_name\" content=\"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nerdiy.de\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/nerdiy.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-28T17:59:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-16T14:21:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nerdiyde\" \/>\n<meta name=\"twitter:site\" content=\"@nerdiyde\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"11\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\"},\"author\":{\"name\":\"Fab\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/person\\\/f1579a71868adb0be60a74246d3e0908\"},\"headline\":\"HowTo: pxlBlck &#8211; Relative Werte als BarGraph darstellen\",\"datePublished\":\"2020-12-28T17:59:59+00:00\",\"dateModified\":\"2021-03-16T14:21:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\"},\"wordCount\":1783,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1\",\"keywords\":[\"ESP32\",\"ESP8266\",\"ESPEasy\",\"ESPEasy-Plugin\",\"pxlBlck\",\"pxlBlckUsecase\"],\"articleSection\":[\"3D-Druck\",\"Abendprojekt(&lt;2h)\",\"ESP Easy\",\"Node Red\",\"pxlBlck\",\"SmartHome\",\"Sticky\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\",\"name\":\"HowTo: pxlBlck - Relative Werte als BarGraph darstellen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1\",\"datePublished\":\"2020-12-28T17:59:59+00:00\",\"dateModified\":\"2021-03-16T14:21:02+00:00\",\"description\":\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HowTo: pxlBlck &#8211; Relative Werte als BarGraph darstellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#website\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"name\":\"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\",\"description\":\"Bei nerdiy.de dreht sich alles um Elektronik, Heimwerken, 3D-Druck, Smart Home und viele andere technische Themen.\",\"publisher\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1\",\"width\":180,\"height\":180,\"caption\":\"Nerdiy.de\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nerdiy.de\",\"https:\\\/\\\/x.com\\\/nerdiyde\",\"https:\\\/\\\/www.instagram.com\\\/nerdiy.de\\\/\",\"https:\\\/\\\/www.pinterest.de\\\/nerdiyde\\\/\",\"https:\\\/\\\/www.youtube.com\\\/nerdiy\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/person\\\/f1579a71868adb0be60a74246d3e0908\",\"name\":\"Fab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"caption\":\"Fab\"},\"sameAs\":[\"https:\\\/\\\/nerdiy.de\",\"https:\\\/\\\/www.facebook.com\\\/nerdiy.de\\\/\",\"https:\\\/\\\/www.instagram.com\\\/nerdiy.de\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/nerdiy-de\\\/\",\"http:\\\/\\\/www.pinterest.com\\\/nerdiyde\\\/\",\"https:\\\/\\\/x.com\\\/nerdiyde\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Nerdiy\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HowTo: pxlBlck - Relative Werte als BarGraph darstellen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/","og_locale":"de_DE","og_type":"article","og_title":"HowTo: pxlBlck - Relative Werte als BarGraph darstellen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","og_description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","og_url":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/","og_site_name":"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","article_publisher":"https:\/\/www.facebook.com\/nerdiy.de","article_author":"https:\/\/www.facebook.com\/nerdiy.de\/","article_published_time":"2020-12-28T17:59:59+00:00","article_modified_time":"2021-03-16T14:21:02+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1","type":"image\/jpeg"}],"author":"Fab","twitter_card":"summary_large_image","twitter_creator":"@nerdiyde","twitter_site":"@nerdiyde","twitter_misc":{"Verfasst von":"Fab","Gesch\u00e4tzte Lesezeit":"11\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#article","isPartOf":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/"},"author":{"name":"Fab","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/person\/f1579a71868adb0be60a74246d3e0908"},"headline":"HowTo: pxlBlck &#8211; Relative Werte als BarGraph darstellen","datePublished":"2020-12-28T17:59:59+00:00","dateModified":"2021-03-16T14:21:02+00:00","mainEntityOfPage":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/"},"wordCount":1783,"commentCount":4,"publisher":{"@id":"https:\/\/nerdiy.de\/de_de\/#organization"},"image":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1","keywords":["ESP32","ESP8266","ESPEasy","ESPEasy-Plugin","pxlBlck","pxlBlckUsecase"],"articleSection":["3D-Druck","Abendprojekt(&lt;2h)","ESP Easy","Node Red","pxlBlck","SmartHome","Sticky"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/","url":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/","name":"HowTo: pxlBlck - Relative Werte als BarGraph darstellen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","isPartOf":{"@id":"https:\/\/nerdiy.de\/de_de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#primaryimage"},"image":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1","datePublished":"2020-12-28T17:59:59+00:00","dateModified":"2021-03-16T14:21:02+00:00","description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","breadcrumb":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#primaryimage","url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/nerdiy.de\/de_de\/"},{"@type":"ListItem","position":2,"name":"HowTo: pxlBlck &#8211; Relative Werte als BarGraph darstellen"}]},{"@type":"WebSite","@id":"https:\/\/nerdiy.de\/de_de\/#website","url":"https:\/\/nerdiy.de\/de_de\/","name":"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","description":"Bei nerdiy.de dreht sich alles um Elektronik, Heimwerken, 3D-Druck, Smart Home und viele andere technische Themen.","publisher":{"@id":"https:\/\/nerdiy.de\/de_de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nerdiy.de\/de_de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"Nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/04\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/04\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1","width":180,"height":180,"caption":"Nerdiy.de"},"image":{"@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nerdiy.de","https:\/\/x.com\/nerdiyde","https:\/\/www.instagram.com\/nerdiy.de\/","https:\/\/www.pinterest.de\/nerdiyde\/","https:\/\/www.youtube.com\/nerdiy"]},{"@type":"Person","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/person\/f1579a71868adb0be60a74246d3e0908","name":"Fab","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","caption":"Fab"},"sameAs":["https:\/\/nerdiy.de","https:\/\/www.facebook.com\/nerdiy.de\/","https:\/\/www.instagram.com\/nerdiy.de","https:\/\/www.linkedin.com\/company\/nerdiy-de\/","http:\/\/www.pinterest.com\/nerdiyde\/","https:\/\/x.com\/nerdiyde","https:\/\/www.youtube.com\/c\/Nerdiy"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01328-scaled.jpg?fit=2560%2C1707&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9GM3g-3IB","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":16917,"url":"https:\/\/nerdiy.de\/de_de\/news-juni-2021-meine-projekte-fuer-den-hackadayprize-2021\/","url_meta":{"origin":14297,"position":0},"title":"News: Juni 2021 &#8211; Meine Projekte f\u00fcr den HackadayPrize 2021","author":"Fab","date":"3. Juni 2021","format":false,"excerpt":"Vor ein paar Tagen wurde der Hackaday Prize 2021 angek\u00fcndigt. Relativ schnell war f\u00fcr mich klar, dass ich auch dieses Jahr wieder versuchen m\u00f6chte ein paar meiner Projekte einzureichen. Dabei war der Zeitplan ziemlich Straff. Ich hatte bereits in den Kommentaren unter dem Artikel zum HackadayPrize gelesen, dass die Fristen\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/de_de\/category\/3d-druck\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/06\/www.nerdiy.de-news-meine-projekte-fuer-den-hackadayprize-2021-dsc01817-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/06\/www.nerdiy.de-news-meine-projekte-fuer-den-hackadayprize-2021-dsc01817-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/06\/www.nerdiy.de-news-meine-projekte-fuer-den-hackadayprize-2021-dsc01817-scaled.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/06\/www.nerdiy.de-news-meine-projekte-fuer-den-hackadayprize-2021-dsc01817-scaled.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/06\/www.nerdiy.de-news-meine-projekte-fuer-den-hackadayprize-2021-dsc01817-scaled.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13745,"url":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren\/","url_meta":{"origin":14297,"position":1},"title":"HowTo: pxlBlck &#8211; Ziffernbl\u00e4tter und Bildschirmschoner konfigurieren","author":"Fab","date":"12. Dezember 2020","format":false,"excerpt":"Die einstellbaren Ziffernbl\u00e4tter unterscheiden sich von der Art der verwendeten LED-Matrix. Dies ist leider so, da unterschiedliche Matrix-Gr\u00f6\u00dfen unterschiedliche Darstellungen erm\u00f6glichen bzw. nicht erm\u00f6glichen. Um Euch trotzdem einen kleinen \u00dcberblick zu geben welche Ziffernbl\u00e4tter bei welcher Matrix m\u00f6glich sind, kommt hier eine Vorstellung der einstellbaren Ziffernbl\u00e4tter und die Angabe unter\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/de_de\/category\/3d-druck\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13274,"url":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren\/","url_meta":{"origin":14297,"position":2},"title":"HowTo: pxlBlck &#8211; Das pxlBlck-Plugin installieren und konfigurieren","author":"Fab","date":"12. Dezember 2020","format":false,"excerpt":"Das pxlBlck-plugin f\u00fcr das ESPEasy Framework ist das \"Software-Gegenst\u00fcck\" zu den pxlBlck-Plattformen. Mit dem Plugin k\u00f6nnt Ihr die verbauten LED Matrizen leicht ansteuern und mithilfe der anderen Funktionen ist relativ leicht eigene Animationen und Benachrichtigungen auf der LED-Matrix anzuzeigen. pxlBlck-Plattform Bevor Ihr mit der Installation des Plugins fortfahrt, solltet Ihr\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/de_de\/category\/3d-druck\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":13724,"url":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-befehle-zur-konfiguration-des-pxlblck\/","url_meta":{"origin":14297,"position":3},"title":"HowTo: pxlBlck &#8211; Befehle zur Konfiguration des pxlBlck","author":"Fab","date":"12. Dezember 2020","format":false,"excerpt":"Das pxlBlck-plugin bzw. die Funktionen Eures pxlBlck lassen sich prinzipiell auf zwei unterschiedlichen Wegen konfigurieren. Eine M\u00f6glichkeit ist die Konfiguration der meisten Funktionen \u00fcber das Webmen\u00fc des Plugins. Viele Infos dazu findet Ihr in dem Artikel pxlBlck - Das pxlBlck-Plugin installieren und konfigurieren Neben dieser M\u00f6glichkeit k\u00f6nnt Ihr Euren pxBlck\u2026","rel":"","context":"In &quot;Elektronik&quot;","block_context":{"text":"Elektronik","link":"https:\/\/nerdiy.de\/de_de\/category\/elektronik\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":8847,"url":"https:\/\/nerdiy.de\/de_de\/pxlblck-alle-infos-fuer-tester-des-neusten-pre-release\/","url_meta":{"origin":14297,"position":4},"title":"pxlBlck &#8211; Alle Infos f\u00fcr Tester des neusten Pre-Release","author":"Fab","date":"15. August 2020","format":false,"excerpt":"Liebe Tester,zu allererst vielen Dank, dass Ihr Euch bereit erkl\u00e4rt habt das pxlBlck Plugin zu testen. :) Im folgenden versuche ich alles aufzulisten, dass Ihr f\u00fcr die Installation und den Betrieb des Plugins ben\u00f6tigt. Wenn etwas fehlt erw\u00e4hnt das bitte einfach in der Kommtnarfunktion ganz am Ende der Seite. :)\u2026","rel":"","context":"In &quot;pxlBlckDev&quot;","block_context":{"text":"pxlBlckDev","link":"https:\/\/nerdiy.de\/de_de\/category\/esp-easy\/pxlblck\/pxlblckdev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13964,"url":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-animationen-konfigurieren-und-anzeigen\/","url_meta":{"origin":14297,"position":5},"title":"HowTo: pxlBlck &#8211; Animationen konfigurieren und anzeigen","author":"Fab","date":"12. Dezember 2020","format":false,"excerpt":"Mithilfe des pxlBlcks k\u00f6nnt Ihr Euch auf verschiedenen Wegen \u00fcber Ereignisse informieren lassen. Eine dieser M\u00f6glichkeiten besteht darin sich zuvor eingestellte Icons anzeigen lassen zu k\u00f6nnen. Leider funktioniert diese M\u00f6glichkeit nur auf LED-Matrizen mit einer H\u00f6he gr\u00f6\u00dfer als eins, also nicht auf den pxlBlcks welch \"nur\" einen LED-Streifen bzw. eine\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/de_de\/category\/3d-druck\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-animationen-konfigurieren-und-anzeigen-img-20201210-235604.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/posts\/14297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/comments?post=14297"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/posts\/14297\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/media\/14353"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/media?parent=14297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/categories?post=14297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/de_de\/wp-json\/wp\/v2\/tags?post=14297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}