{"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-relatieve-waarden-weergeven-als-een-staafdiagram","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/","title":{"rendered":"HowTo: pxlBlck - Relatieve waarden weergeven als staafdiagram"},"content":{"rendered":"<p>Ik begon met de documentatie van de pxlBlcks (lang geleden) in november 2020 nadat Hackaday.com de &quot;GoodBye 2020&quot;-uitdaging had aangekondigd. (Meer informatie 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>Ik gebruikte de pxlBlcks toen al heel lang, maar zoals zo vaak vond ik nooit de tijd\/motivatie om het allemaal op te schrijven.<\/p>\n\n\n\n<p>Iedereen die de bovenstaande beschrijving van de uitdaging heeft gelezen, heeft misschien gemerkt dat de uitdaging heel goed samengaat met de functionaliteit van de pxlBlcks. Er konden lange tijd scrollende teksten op worden weergegeven. Zo kan bijvoorbeeld zonder problemen een &quot;Tot ziens 2020&quot;-bericht worden weergegeven. <\/p>\n\n\n\n<p>Dankzij een tip van een van de eerste testers van de pxlBlck plugin kwam ik op een ander idee hoe je nog beter kunt visualiseren wanneer het jaar 2020 eindelijk achter de rug is: Een soort laadbalk die visualiseert hoeveel dagen van het jaar 2020 zijn al weg en blijven dienovereenkomstig.<\/p>\n\n\n\n<p>Hiervoor heb ik een nieuw commando ge\u00efmplementeerd in de pxlBlck plugin waarmee maximaal vijf relatieve (procentuele) waarden op het display getoond kunnen worden. U kunt niet alleen het einde van een periode weergeven, maar ook verschillende geschaalde (als de waarde absoluut is) of relatieve waarden.<\/p>\n\n\n\n<p>Zo kan de waarde van de relatieve luchtvochtigheid heel goed worden weergegeven omdat deze waarde al relatief is en overeenkomt met een percentage. Om absolute waarden weer te geven moet je wat meer &quot;wiskunde&quot; gebruiken. Klinkt ingewikkeld. Maar het is niet.<\/p>\n\n\n\n<p>In het volgende artikel wordt beschreven hoe je relatieve waarden in een laadbalk kunt weergeven op het display van je pxlBlck.<\/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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C200&amp;ssl=1\" 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=\"Open image 1 of 6 in full-screen\" 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C200&amp;ssl=1\" 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=\"Open image 2 of 6 in full-screen\" 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C200&amp;ssl=1\" 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=\"Open image 3 of 6 in full-screen\" 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C200&amp;ssl=1\" 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=\"Open image 4 of 6 in full-screen\" 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C200&amp;ssl=1\" 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=\"Open image 5 of 6 in full-screen\" 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C200&amp;ssl=1\" 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=\"Open image 6 of 6 in full-screen\" 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=nl-NL&#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>Tot ziens 2020 \ud83d\ude42<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2><span style=\"color: #ff0000;\">Veiligheidsinstructies <\/span><\/h2>\r\n<p><span style=\"color: #ff0000;\">Ik weet dat de volgende opmerkingen altijd een beetje vervelend zijn en onnodig lijken. Helaas hebben veel mensen die &quot;beter&quot; wisten door onvoorzichtigheid ogen, vingers of andere dingen verloren of zichzelf verwond. Gegevensverlies is in vergelijking bijna te verwaarlozen, maar zelfs dit kan erg vervelend zijn. Neem daarom vijf minuten de tijd om de veiligheidsinstructies te lezen. Omdat zelfs het coolste project geen blessure of andere problemen waard is.<\/span><br \/><strong><em><a href=\"https:\/\/nerdiy.de\/nl\/veiligheidsinstructies\/\"><span style=\"color: #ff0000;\">https:\/\/www.nerdiy.de\/sicherheitshinweise\/<\/span><\/a><\/em><\/strong><\/p>\r\n<h2>Affiliate links \/ reclame links<\/h2>\r\n<p><em>De hier vermelde links naar online winkels zijn zogenaamde affiliate-links. Als u op zo&#039;n affiliate-link klikt en via deze link een aankoop doet, ontvangt Nerdiy.de een commissie van de betreffende onlineshop of aanbieder. De prijs verandert voor jou niet. Als u via deze links uw aankopen doet, steunt u Nerdiy.de om in de toekomst andere nuttige projecten aan te kunnen bieden. \ud83d\ude42\u00a0<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Eisen<\/h2>\n\n\n\n<p>Om de informatie in dit artikel te kunnen gebruiken, moet u uw pxlBlck al hebben ingesteld en geprogrammeerd. Informatie hierover vindt u in de volgende artikelen.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-352027ef-e924-40a5-85fd-fec49edf612c\"><li><a href=\"https:\/\/nerdiy.de\/nl\/pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Een IOT\/SmartHome-informatiesysteem<\/em><\/strong><\/a><\/li><li><a href=\"https:\/\/nerdiy.de\/nl\/hoe-pxlblck-de-pxlblck-plug-in-te-installeren-en-configureren\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Installeer en configureer de pxlBlck-plug-in<\/em><\/strong><\/a><\/li><li><strong><em><a href=\"https:\/\/nerdiy.de\/nl\/hoe-pxlblck-wijzerplaten-en-screensavers-configureren\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck - Configureer wijzerplaten en screensavers<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p><strong>Vereist gereedschap:<\/strong><br>- Nee -<\/p>\n\n\n\n<p><strong>Benodigd materiaal:<\/strong><br>- Nee -<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">De opdracht voor het plotten van relatieve waarden<\/h2>\n\n\n\n<p>Het volgende commando is geschikt om relatieve of beperkte absolute waarden op het pxlBlck-display weer te geven. Op het display kan de &quot;richting&quot; van de gevisualiseerde laadbalk worden ingesteld. Bovendien kan een &quot;gevulde&quot; vlag worden ingesteld voor de eerste van de verzonden relatieve waarden. Hierdoor wordt ook het weergavegebied gekleurd in de ingestelde kleur van nul tot de gewenste waarde. Last but not least kan de weergavekleur van elke individuele waarde worden ingesteld.<\/p>\n\n\n\n<p>Zie je liever voorbeelden: scrol dan even verder. Hieronder heb ik verschillende voorbeelden opgesomd inclusief de gebruikte commando&#039;s.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>commando naam<\/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>commando overzicht<\/strong><\/h4>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"><em><em>pbbar<\/em>,[<em>weergave_duur<\/em>1-86400000],[<em>gespiegeld<\/em><\/em> <em>0-1],[<em><em><em>eerste_balk_gevuld<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>weergave_richting<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>bar_graph_value<\/em><\/em><\/em><\/em> <em>0-100],[<em><em><em><em>rood<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em><em><em><em>groente<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em>blauw<\/em><\/em> <em>0-500],<\/em>[maximaal vier aanvullende waardegroepen]<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Parameterbeschrijving<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>parameternaam<\/th><th>Beschrijving<\/th><th class=\"has-text-align-center\" data-align=\"center\">Toegestaan bereik van waarden<\/th><\/tr><\/thead><tbody><tr><td><em>weergave_duur<\/em><\/td><td>Deze parameter definieert de weergavetijd van de weergegeven waarde. Dit begint nadat alle waarden op het display zijn weergegeven.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-86400000<\/td><\/tr><tr><td><em>gespiegeld<\/em><\/td><td>U kunt deze parameter gebruiken om de weergave van de waarde te spiegelen. Gebruik de parameter &quot;<em><em>weergave_richting<\/em><\/em>\u201c de BarGraph kan in alle richtingen worden uitgelijnd. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>eerste_balk_gevuld<\/em><\/em><\/td><td>Deze parameter schakelt de gevulde weergave voor de eerste waarde in of uit. Dus als u de eerste waarde instelt op 25 en deze parameter is ingeschakeld, wordt 25% van de matrix &quot;gevuld&quot; met de gewenste kleur voor deze parameter. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>weergave_richting<\/em><\/em><\/td><td>Deze parameter configureert of de waarde horizontaal (0) of verticaal (1) wordt weergegeven. Gebruik de parameter &quot;<em>gespiegeld<\/em>\u201c Deze ori\u00ebntatie kan bovendien worden weerspiegeld.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td>directe_uitvoer<\/td><td>Staat deze optie ingesteld (=1) dan wordt de waarde direct op het display getoond. De weergaveanimatie wordt dus niet weergegeven.<\/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>Dit is de werkelijke waarde tussen 0 en 100 die u wilt vertegenwoordigen.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-100<\/td><\/tr><tr><td><em><em>rood<\/em><\/em><\/td><td>Deze parameter bepaalt de helderheid van de rode kleur van de bijbehorende waarde.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>groente<\/em><\/em><\/td><td>Deze parameter bepaalt de helderheid van de groene kleur van de bijbehorende waarde.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em>blauw<\/em><\/td><td>Deze parameter bepaalt de helderheid van de blauwe kleur van de bijbehorende waarde.<\/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\">Voorbeeld<\/h5>\n\n\n\n<p>Meer gedetailleerde informatie, inclusief afbeeldingen en video&#039;s van de verschillende weergaven en hoe u deze op uw pxlBlck kunt weergeven, vindt u in de volgende paragraaf.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Geef meer dan \u00e9\u00e9n waarde tegelijk weer<\/h2>\n\n\n\n<p>Als u slechts \u00e9\u00e9n waarde op het display van uw pxlBlck wilt visualiseren, is de structuur van het commando vrij eenvoudig. U kunt bovenstaande tabel als richtlijn gebruiken. Een opdracht om slechts \u00e9\u00e9n waarde weer te geven, kan er bijvoorbeeld zo uitzien.<\/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>Deze opdracht toont voor <span style=\"color:#ff0000\" class=\"has-inline-color\">10 seconden (=10000ms)<\/span> de <span style=\"color:#01b3ff\" class=\"has-inline-color\">gespiegeld <\/span>en <span style=\"color:#f500fe\" class=\"has-inline-color\">gevuld <\/span>Waarde <span style=\"color:#f9a200\" class=\"has-inline-color\">75<\/span> <span style=\"color:#6200ff\" class=\"has-inline-color\">met animatie<\/span> in de <span style=\"color:#49fe01\" class=\"has-inline-color\">rode kleur<\/span> bij.<\/p>\n\n\n\n<p>Als u nu (zo maximaal mogelijke) vijf waarden wilt weergeven, zou het commando er als volgt uit kunnen zien.<\/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 het gegeven voorbeeld heb ik de instellingen voor de afzonderlijke waarden in kleur gemarkeerd. De eerste waarde en de bijbehorende kleurinstellingen zijn rood gemarkeerd, de tweede in oranje, de derde in groen, de vierde in blauw en de vijfde in roze.<\/p>\n\n\n\n<p>Je kunt dus met slechts \u00e9\u00e9n commando meerdere waarden naar de pxlBlck sturen voor weergave. Zorg er echter voor dat er maximaal vijf waarden tegelijk kunnen worden weergegeven.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Voorbeeld: gebruik regels om elk uur een gedefinieerde duur voor een datum weer te geven<\/h2>\n\n\n\n<p>Als u bijvoorbeeld wilt laten zien (zoals hierboven vermeld) wanneer het huidige jaar (2020) (eindelijk) eindigt, kunt u de volgende regels gebruiken.<\/p>\n\n\n\n<p>Deze regels berekenen het verschil met 01\/01\/2020 00:00 vanaf de huidige datum of tijd en zetten dit verschil om in een percentage. Dit percentage wordt vervolgens gebruikt om het commando &quot;pbbar&quot; te &quot;voeden&quot;. Omdat de weergave op de pxlBlck_32x8 en de pxlBlck_RingClock enigszins van elkaar verschillen, vindt u hieronder twee enigszins verschillende codes voor de regels van uw pxlBlck.<\/p>\n\n\n\n<p>Omdat de pxlBlck_32x8 ook scrollende tekst kan weergeven, bevat het regelvoorbeeld voor de pxlBlck_32x8 ook de automatische uitvoer van &quot;Tot ziens&quot;-berichten (in verschillende talen). (Waarom? Zie de GoodBye 2020-uitdaging hierboven. \ud83d\ude42).<\/p>\n\n\n\n<p>De regels worden elke minuut geactiveerd door de gebeurtenis &quot;Clock#Time&quot;. U kunt informatie over de ESP Easy Rules vinden via de volgende 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=nl-NL&#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>Weergave van de onderstaande regels Op de displays van de plBlck_32x8, pxlBlck_8x8 en de pxlBlck_RingClock.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Voor pxlBlck_RingClock<\/h3>\n\n\n\n<p>Hier het regelvoorbeeld voor de 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C212&amp;ssl=1\" 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 \/\/1577833200=unixtime op &quot;1.1.2020 @ 00:00&quot; let,1,%unixtime%-1577833200 \/\/berekening van seconden verstreken sinds 1.1.2020 @ 00:00 let,1, %v1%\/60 \/\/omrekenen naar minuten verstreken sinds 1.1.2020 om 00:00 let,1,%v1%\/60 \/\/omrekenen naar verstreken uren sinds 1.1.2020 om 00:00 let,1,%v1%\/24 \/\/omrekenen naar dagen geslaagd sinds 1.1.2020 @ 00:00 let,2,%v1%\/365 \/\/ relatieve waarde berekenen van &quot;hoeveel dagen van het jaar 2020 zijn verstreken&quot; let,2,%v2%*100 \/\/ relatieve (float) waarde omzetten in percentage pbbar,10000,1,1,0,%v2%,50,00,0, endon<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Voor pxlBlck_32x8<\/h3>\n\n\n\n<p>Hier het regelvoorbeeld voor de 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C212&amp;ssl=1\" 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 \/\/1577833200=unixtime op &quot;1.1.2020 @ 00:00&quot; let,1,%unixtime%-1577833200 \/\/berekening van seconden verstreken sinds 1.1.2020 @ 00:00 let,1, %v1%\/60 \/\/omrekenen naar minuten verstreken sinds 1.1.2020 om 00:00 let,1,%v1%\/60 \/\/omrekenen naar verstreken uren sinds 1.1.2020 om 00:00 let,1,%v1%\/24 \/\/omrekenen naar dagen geslaagd sinds 1.1.2020 @ 00:00 let,2,%v1%\/365 \/\/ relatieve waarde berekenen van &quot;hoeveel dagen van het jaar 2020 zijn verstreken&quot; let,2,%v2%*100 \/\/ relatieve (float) waarde omzetten in percentage pbbar,2000,0,1,1,%v2%,0,10,0, Delay 2000 \/\/ om wat tijd te geven voor de weergave van de balkinstelling pbrntxt,10,10,10,0,0,0,25,8 ,Au Revoir - Adios - Vaarwel - Do Svidaniya - G\u00fcle g\u00fcle - Aloha - Selamat tinggal - DaH jImej - Sayonara - Ik ben groot., endon<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">continu de resterende tijd weergeven<\/h3>\n\n\n\n<p>In het geval dat u de resterende tijd (of een andere weergegeven waarde) continu wilt weergeven, hoeft u alleen de weergavetijd zo hoog in te stellen dat deze groter is dan het update-interval van de weergave.<\/p>\n\n\n\n<p>Dus als u elke minuut een waarde op het display wilt weergeven en deze permanent of tot de volgende update moet worden weergegeven, moet u de waarde voor <em>weergave_duur<\/em> ingesteld op (minstens) 60000 (ms). <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Voorbeeld: Stuur relatieve (percentage) waarde van NodeRed en geef deze weer op de pxlBlck<\/h2>\n\n\n\n<p>Een voorbeeld van hoe u een relatieve procentuele waarde (d.w.z. een waarde van 0-100) van NodeRed naar de pxlBlck kunt sturen en op het display kunt weergeven, vindt u in de volgende 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C101&amp;ssl=1\" 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 ziet u de weergave van het voorbeeld in de NodeRed-editor.<br>Om het voorbeeld te laten werken, moet je natuurlijk de naam van je pxlBlck wijzigen. Informatie hierover vindt u hieronder bij de hier genoemde voorbeelden.<\/figcaption><\/figure>\n\n\n\n<p>U vindt de code voor de hier beschreven NodeRed-voorbeelden onder de volgende 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>Hoe u verder kunt gaan om dit in uw NodeRed-installatie te importeren, wordt beschreven in het volgende artikel.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/nl\/import-en-export-nodered-node-code\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - importeer en exporteer knooppuntcode<\/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=nl-NL&#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>Bekijk op het display als u het hierboven gegeven NodeRed-voorbeeld gebruikt.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Voorbeeld: stuur niet-relatieve waarden vanuit NodeRed en geef ze weer op de PxlBlck<\/h2>\n\n\n\n<p>Dit voorbeeld laat zien hoe je met NodeRed ook niet-relatieve waarden naar je pxlBlck kunt sturen. Om dit te laten werken, zijn de absolute waarden beperkt &quot;onder&quot; en &quot;boven&quot; met behulp van het bereikknooppunt en geschaald naar het 0-100 waardebereik van de pxlBlck. Dit gebeurt in het knooppunt met de naam &quot;toegestaan bereik instellen voor schalen&quot;.<\/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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C81&amp;ssl=1\" 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 ziet u de weergave van het voorbeeld in de NodeRed-editor.<br>Om het voorbeeld te laten werken, moet je natuurlijk de naam van je pxlBlck wijzigen. Informatie hierover vindt u hieronder bij de hier genoemde voorbeelden.<\/figcaption><\/figure>\n\n\n\n<p>U vindt de code voor de hier beschreven NodeRed-voorbeelden onder de volgende 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.w.z<\/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>Hoe u verder kunt gaan om dit in uw NodeRed-installatie te importeren, wordt beschreven in het volgende artikel.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/nl\/import-en-export-nodered-node-code\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - importeer en exporteer knooppuntcode<\/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\">Voorbeeld: Stuur vanuit NodeRed vijf relatieve waarden en toon ze tegelijkertijd op de PxlBlck<\/h2>\n\n\n\n<p>Dit voorbeeld laat zien hoe je met NodeRed vijf waarden tegelijkertijd naar je pxlBlck kunt sturen. Daarnaast kunnen ook de weergaveopties worden ingesteld. De individuele waarden worden in variabelen verzameld en met een druk op de knop (\u201csend to pxlBlck\u201d) gecombineerd tot een commando en naar de pxlBlck gestuurd.<\/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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C184&amp;ssl=1\" 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 ziet u de weergave van het voorbeeld in de NodeRed-editor.<br>Om het voorbeeld te laten werken, moet je natuurlijk de naam van je pxlBlck wijzigen. Informatie hierover vindt u hieronder bij de hier genoemde voorbeelden.<\/figcaption><\/figure>\n\n\n\n<p>U vindt de code voor de hier beschreven NodeRed-voorbeelden onder de volgende 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>Hoe u verder kunt gaan om dit in uw NodeRed-installatie te importeren, wordt beschreven in het volgende artikel.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/nl\/import-en-export-nodered-node-code\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - importeer en exporteer knooppuntcode<\/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=nl-NL&#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>Bekijk op het display van de pxlBlck_32x8 als je het NodeRed-voorbeeld hierboven gebruikt. De eerst weergegeven waarde (groen) heeft eerst de waarde 25, dan 50 en dan 0.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Informatie over de aanpassing\/configuratie van de vermelde NodeRed-voorbeelden<\/h2>\n\n\n\n<p>U moet de bovenstaande voorbeelden een beetje aanpassen voordat u ze met succes kunt testen.<\/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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=245%2C300&amp;ssl=1\" 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>Om dit te doen, moet u de juiste naam van uw pxlBlck invoeren in het MQTT-knooppunt.<\/p>\n\n\n\n<p>In het voorbeeld aan de linkerkant is de naam van degene die ik gebruik 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>U moet dit deel van het onderwerp wijzigen en natuurlijk de naam van uw pxlBlck daar invoeren.<\/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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/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-medium-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=300%2C170&amp;ssl=1\" 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 zie je de inhoud van het eerste functieknooppunt. <\/p>\n\n\n\n<p>Hier hoef je niets te veranderen. Het is echter de moeite waard om hier een kijkje te nemen als u ge\u00efnteresseerd bent in hoe het commando is samengesteld en waar de gegevens vandaan komen. \ud83d\ude42<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>Veel plezier met het project<\/h2>\r\n<p>Ik hoop dat alles werkte zoals beschreven. Zo niet, of als je vragen of suggesties hebt, laat het me weten in de commentaren. Ik zal dit dan zo nodig aan het artikel toevoegen.<br \/>Idee\u00ebn voor nieuwe projecten zijn altijd welkom. \ud83d\ude42<\/p>\r\n<p><strong>PS Veel van deze projecten - vooral de hardwareprojecten - kosten veel tijd en geld. Natuurlijk doe ik dit omdat ik het leuk vind, maar als je het cool vindt dat ik de informatie met je deel, dan zou ik blij zijn met een kleine donatie aan het koffiefonds. \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=\"Koop Me a Coffee op 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 - De veiligere, gemakkelijkere manier om online te betalen!\" 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>","protected":false},"excerpt":{"rendered":"<p>Ik begon met de documentatie van de pxlBlcks (lang geleden) in november 2020 nadat Hackaday.com de &quot;GoodBye 2020&quot;-uitdaging had aangekondigd. (Meer informatie hier: https:\/\/hackaday.io\/contest\/175608-goodbye-2020\/details) Ik had [\u2026]<\/p>","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.3 - 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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/\" \/>\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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\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\":\"nl-NL\",\"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\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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\":\"nl-NL\",\"@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 - Relatieve waarden weergeven als staafdiagram - nerdiy.de - DIY, elektronica, 3D printen en meer...","description":"Lees een enorme verzameling gedetailleerde tutorials op Nerdiy.de over allerlei soorten software, hardware en algemene makeronderwerpen.","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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/","og_locale":"nl_NL","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\/nl\/howto-pxlblck-relatieve-waarden-weergeven-als-een-staafdiagram\/","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":{"Written by":"Fab","Est. reading time":"11 minutes"},"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":"nl-NL","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 - Relatieve waarden weergeven als staafdiagram - nerdiy.de - DIY, elektronica, 3D printen en meer...","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":"Lees een enorme verzameling gedetailleerde tutorials op Nerdiy.de over allerlei soorten software, hardware en algemene makeronderwerpen.","breadcrumb":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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, elektronica, 3D printen en meer...","description":"Op nerdiy.de draait alles om elektronica, DIY, 3D-printen, smart home en vele andere technische onderwerpen.","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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"Nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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":"nl-NL","@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\/nl\/nieuws-juni-2021-mijn-projecten-voor-de-hackadagprijs-2021\/","url_meta":{"origin":14297,"position":0},"title":"Nieuws: Juni 2021 - Mijn projecten voor de HackadayPrize 2021","author":"Fab","date":"3. June 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\/nl\/categorie\/3d-printen\/"},"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\/nl\/hoe-pxlblck-wijzerplaten-en-screensavers-configureren\/","url_meta":{"origin":14297,"position":1},"title":"HowTo: pxlBlck \u2013 configureer wijzerplaten en screensavers","author":"Fab","date":"12. December 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\/nl\/categorie\/3d-printen\/"},"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\/nl\/hoe-pxlblck-de-pxlblck-plug-in-te-installeren-en-configureren\/","url_meta":{"origin":14297,"position":2},"title":"HowTo: pxlBlck \u2013 Installeer en configureer de pxlBlck-plug-in","author":"Fab","date":"12. December 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\/nl\/categorie\/3d-printen\/"},"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\/nl\/howto-pxlblck-commandos-om-de-pxlblck-te-configureren\/","url_meta":{"origin":14297,"position":3},"title":"HowTo: pxlBlck \u2013 Opdrachten voor het configureren van de pxlBlck","author":"Fab","date":"12. December 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\/nl\/categorie\/elektronica\/"},"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\/nl\/pxlblck-alle-infos-voor-testers-van-de-laatste-pre-release\/","url_meta":{"origin":14297,"position":4},"title":"pxlBlck - Alle informatie voor testers van de nieuwste 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\/nl\/categorie\/esp-gemakkelijk\/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\/nl\/hoe-pxlblck-animaties-te-configureren-en-weer-te-geven\/","url_meta":{"origin":14297,"position":5},"title":"HowTo: pxlBlck \u2013 Animaties configureren en weergeven","author":"Fab","date":"12. December 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\/nl\/categorie\/3d-printen\/"},"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\/nl\/wp-json\/wp\/v2\/posts\/14297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/comments?post=14297"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/posts\/14297\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/media\/14353"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/media?parent=14297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/categories?post=14297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/nl\/wp-json\/wp\/v2\/tags?post=14297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}