{"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-display-relative-values-as-a-bargraph-2","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/","title":{"rendered":"HowTo : pxlBlck - Afficher les valeurs relatives sous forme de BarGraph"},"content":{"rendered":"<p>J&#039;ai commenc\u00e9 la documentation des pxlBlcks (il y a longtemps) en novembre 2020 apr\u00e8s que Hackaday.com a annonc\u00e9 le d\u00e9fi &quot;GoodBye 2020&quot;. (Plus d&#039;informations ici : <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>J&#039;utilisais les pxlBlcks depuis longtemps \u00e0 l&#039;\u00e9poque, mais comme si souvent je n&#039;avais jamais trouv\u00e9 le temps\/la motivation pour tout \u00e9crire.<\/p>\n\n\n\n<p>Quiconque a lu la description du d\u00e9fi mentionn\u00e9 ci-dessus a peut-\u00eatre remarqu\u00e9 que le d\u00e9fi se marie tr\u00e8s bien avec la fonctionnalit\u00e9 des pxlBlcks. Des textes d\u00e9filants pourraient y \u00eatre affich\u00e9s pendant longtemps. Ainsi, par exemple, un message &quot;Good Bye 2020&quot; peut \u00eatre affich\u00e9 sans aucun probl\u00e8me. <\/p>\n\n\n\n<p>Gr\u00e2ce \u00e0 une astuce d&#039;un des premiers testeurs du plugin pxlBlck, j&#039;ai trouv\u00e9 une autre id\u00e9e pour visualiser encore mieux quand l&#039;ann\u00e9e 2020 est enfin derri\u00e8re soi : Une sorte de barre de chargement qui visualise combien de jours de l&#039;ann\u00e9e 2020 sont d\u00e9j\u00e0 partis et restent donc.<\/p>\n\n\n\n<p>Pour cela, j&#039;ai impl\u00e9ment\u00e9 une nouvelle commande dans le plugin pxlBlck avec laquelle jusqu&#039;\u00e0 cinq valeurs relatives (pourcentage) peuvent \u00eatre affich\u00e9es \u00e0 l&#039;\u00e9cran. Vous pouvez afficher non seulement la fin d&#039;une p\u00e9riode mais \u00e9galement diverses valeurs mises \u00e0 l&#039;\u00e9chelle (si la valeur est absolue) ou relatives.<\/p>\n\n\n\n<p>Par exemple, la valeur de l&#039;humidit\u00e9 relative peut \u00eatre tr\u00e8s bien affich\u00e9e car cette valeur est d\u00e9j\u00e0 relative et correspond \u00e0 un pourcentage. Pour repr\u00e9senter des valeurs absolues, il faut utiliser un peu plus de &quot;math\u00e9matiques&quot;. Cela semble compliqu\u00e9. Mais ce n&#039;est pas.<\/p>\n\n\n\n<p>L&#039;article suivant d\u00e9crit comment afficher des valeurs relatives dans une barre de chargement sur l&#039;\u00e9cran de votre 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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;5.6&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087641&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;43&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.016666666666667&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01343-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087654&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01346-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087664&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.016666666666667&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01348-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087669&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01349-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087682&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.0125&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01351-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ILCE-6000&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1609087691&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;25&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.0125&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-dsc01352-scaled.jpg?fit=810%2C540&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"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=fr-FR&#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>Au revoir 2020 \ud83d\ude42<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2><span style=\"color: #ff0000;\">Consignes de s\u00e9curit\u00e9 <\/span><\/h2>\r\n<p><span style=\"color: #ff0000;\">Je sais que les notes suivantes sont toujours un peu ennuyeuses et semblent inutiles. Malheureusement, de nombreuses personnes qui savaient &quot;mieux&quot; ont perdu des yeux, des doigts ou d&#039;autres choses \u00e0 cause d&#039;une n\u00e9gligence ou se sont bless\u00e9es. La perte de donn\u00e9es est presque n\u00e9gligeable en comparaison, mais m\u00eame celles-ci peuvent \u00eatre vraiment ennuyeuses. Par cons\u00e9quent, veuillez prendre cinq minutes pour lire les consignes de s\u00e9curit\u00e9. Parce que m\u00eame le projet le plus cool ne vaut pas une blessure ou d&#039;autres probl\u00e8mes.<\/span><br \/><strong><em><a href=\"https:\/\/nerdiy.de\/fr\/consignes-de-securite\/\"><span style=\"color: #ff0000;\">https:\/\/www.nerdiy.de\/sicherheitshinweise\/<\/span><\/a><\/em><\/strong><\/p>\r\n<h2>Liens d'affiliation\/publicitaires<\/h2>\r\n<p><em>Les liens vers des boutiques en ligne r\u00e9pertori\u00e9s ici sont des liens dits d&#039;affiliation. Si vous cliquez sur un tel lien d&#039;affiliation et effectuez un achat via ce lien, Nerdiy.de recevra une commission de la boutique en ligne ou du fournisseur concern\u00e9. Le prix ne change pas pour vous. Si vous effectuez vos achats via ces liens, vous aidez Nerdiy.de \u00e0 pouvoir proposer d&#039;autres projets utiles \u00e0 l&#039;avenir. \ud83d\ude42\u00a0<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conditions pr\u00e9alables<\/h2>\n\n\n\n<p>Afin de pouvoir utiliser les informations de cet article, vous devez d\u00e9j\u00e0 avoir configur\u00e9 et programm\u00e9 votre pxlBlck. Vous trouverez des informations \u00e0 ce sujet dans les articles suivants.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-352027ef-e924-40a5-85fd-fec49edf612c\"><li><a href=\"https:\/\/nerdiy.de\/fr\/pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Un syst\u00e8me d&#039;information IOT\/SmartHome<\/em><\/strong><\/a><\/li><li><a href=\"https:\/\/nerdiy.de\/fr\/comment-installer-et-configurer-pxlblck-le-plugin-pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Installer et configurer le plugin pxlBlck<\/em><\/strong><\/a><\/li><li><strong><em><a href=\"https:\/\/nerdiy.de\/fr\/comment-configurer-pxlblck-cadrans-dhorloge-et-economiseurs-decran\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck - Configurer les cadrans d&#039;horloge et les \u00e9conomiseurs d&#039;\u00e9cran<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p><strong>Outil requis\u00a0:<\/strong><br>- Non -<\/p>\n\n\n\n<p><strong>Mat\u00e9riel requis :<\/strong><br>- Non -<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">La commande pour tracer les valeurs relatives<\/h2>\n\n\n\n<p>La commande suivante convient pour afficher des valeurs absolues relatives ou limit\u00e9es sur l&#039;affichage pxlBlck. La &quot;direction&quot; de la barre de chargement visualis\u00e9e peut \u00eatre r\u00e9gl\u00e9e sur l&#039;\u00e9cran. De plus, un indicateur &quot;rempli&quot; peut \u00eatre d\u00e9fini pour la premi\u00e8re des valeurs relatives envoy\u00e9es. En cons\u00e9quence, la zone d&#039;affichage est \u00e9galement color\u00e9e dans la couleur d\u00e9finie de z\u00e9ro \u00e0 la valeur souhait\u00e9e. Enfin, la couleur d&#039;affichage de chaque valeur individuelle peut \u00eatre d\u00e9finie.<\/p>\n\n\n\n<p>Si vous pr\u00e9f\u00e9rez voir des exemples : faites d\u00e9filer un peu plus loin. Ci-dessous, j&#039;ai \u00e9num\u00e9r\u00e9 divers exemples, y compris les commandes utilis\u00e9es.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>nom de la commande<\/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>aper\u00e7u des commandes<\/strong><\/h4>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"><em><em>pbbar<\/em>,[<em>display_duration<\/em>1-86400000],[<em>en miroir<\/em><\/em> <em>0-1],[<em><em><em>first_bar_filled<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>direction_affichage<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>bar_graph_value<\/em><\/em><\/em><\/em> <em>0-100],[<em><em><em><em>rouge<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em><em><em><em>vert<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em>bleu<\/em><\/em> <em>0-500],<\/em>[jusqu&#039;\u00e0 quatre groupes de valeurs suppl\u00e9mentaires]<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Param\u00e8tre Description<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>le nom du param\u00e8tre<\/th><th>Description<\/th><th class=\"has-text-align-center\" data-align=\"center\">Plage de valeurs autoris\u00e9e<\/th><\/tr><\/thead><tbody><tr><td><em>display_duration<\/em><\/td><td>Ce param\u00e8tre d\u00e9finit le temps d&#039;affichage de la valeur affich\u00e9e. Cela commence apr\u00e8s que toutes les valeurs ont \u00e9t\u00e9 affich\u00e9es \u00e0 l&#039;\u00e9cran.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-86400000<\/td><\/tr><tr><td><em>en miroir<\/em><\/td><td>Vous pouvez utiliser ce param\u00e8tre pour refl\u00e9ter la repr\u00e9sentation de la valeur. Utilisation du param\u00e8tre &quot;<em><em>direction_affichage<\/em><\/em>\u201c le BarGraph peut \u00eatre align\u00e9 dans toutes les directions. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>first_bar_filled<\/em><\/em><\/td><td>Ce param\u00e8tre active ou d\u00e9sactive la repr\u00e9sentation remplie pour la premi\u00e8re valeur. Donc si vous r\u00e9glez la premi\u00e8re valeur \u00e0 25 et que ce param\u00e8tre est activ\u00e9, 25% de la matrice sera &quot;remplie&quot; avec la couleur que vous souhaitez pour ce param\u00e8tre. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>direction_affichage<\/em><\/em><\/td><td>Ce param\u00e8tre configure si la valeur est affich\u00e9e horizontalement (0) ou verticalement (1). Utilisation du param\u00e8tre &quot;<em>en miroir<\/em>\u201c cette orientation peut se refl\u00e9ter en plus.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td>sortie_directe<\/td><td>Si cette option est d\u00e9finie (=1), la valeur s&#039;affiche imm\u00e9diatement \u00e0 l&#039;\u00e9cran. L&#039;animation d&#039;affichage n&#039;est donc pas affich\u00e9e.<\/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>Il s&#039;agit de la valeur r\u00e9elle entre 0 et 100 que vous souhaitez repr\u00e9senter.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-100<\/td><\/tr><tr><td><em><em>rouge<\/em><\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur rouge de la valeur associ\u00e9e.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>vert<\/em><\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur verte de la valeur associ\u00e9e.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em>bleu<\/em><\/td><td>Ce param\u00e8tre d\u00e9termine la luminosit\u00e9 de la couleur bleue de la valeur associ\u00e9e.<\/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\">Exemple<\/h5>\n\n\n\n<p>Des informations plus d\u00e9taill\u00e9es, y compris des images et des vid\u00e9os des diff\u00e9rentes repr\u00e9sentations et comment vous pouvez les afficher sur votre pxlBlck sont contenues dans le paragraphe suivant.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Afficher plusieurs valeurs \u00e0 la fois<\/h2>\n\n\n\n<p>Si vous ne souhaitez visualiser qu&#039;une seule valeur sur l&#039;affichage de votre pxlBlck, la structure de la commande est assez simple. Vous pouvez utiliser le tableau ci-dessus comme guide. Par exemple, une commande pour afficher une seule valeur pourrait ressembler \u00e0 ceci.<\/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>Cette commande affiche pour <span style=\"color:#ff0000\" class=\"has-inline-color\">10 secondes (=10000ms)<\/span> le <span style=\"color:#01b3ff\" class=\"has-inline-color\">en miroir <\/span>et <span style=\"color:#f500fe\" class=\"has-inline-color\">rempli <\/span>Valeur <span style=\"color:#f9a200\" class=\"has-inline-color\">75<\/span> <span style=\"color:#6200ff\" class=\"has-inline-color\">avec animations<\/span> dans le <span style=\"color:#49fe01\" class=\"has-inline-color\">couleur rouge<\/span> \u00e0.<\/p>\n\n\n\n<p>Si vous souhaitez maintenant afficher (le maximum possible) cinq valeurs, la commande pourrait ressembler \u00e0 ceci.<\/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>Dans l&#039;exemple donn\u00e9, j&#039;ai marqu\u00e9 les param\u00e8tres des valeurs individuelles en couleur. La premi\u00e8re valeur et ses param\u00e8tres de couleur sont marqu\u00e9s en rouge, la seconde en orange, la troisi\u00e8me en vert, la quatri\u00e8me en bleu et la cinqui\u00e8me en rose.<\/p>\n\n\n\n<p>Vous pouvez donc envoyer plusieurs valeurs au pxlBlck pour affichage avec une seule commande. Mais assurez-vous qu&#039;un maximum de cinq valeurs peuvent \u00eatre affich\u00e9es en m\u00eame temps.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Exemple\u00a0: Utiliser des r\u00e8gles pour afficher une dur\u00e9e d\u00e9finie pour une date toutes les heures<\/h2>\n\n\n\n<p>Par exemple, si vous voulez montrer (comme mentionn\u00e9 ci-dessus) quand l&#039;ann\u00e9e en cours (2020) se termine (enfin), vous pouvez utiliser les r\u00e8gles suivantes.<\/p>\n\n\n\n<p>Ces r\u00e8gles calculent la diff\u00e9rence entre le 01\/01\/2020 00:00 et la date ou l&#039;heure actuelle et convertissent cette diff\u00e9rence en pourcentage. Ce pourcentage est ensuite utilis\u00e9 pour &quot;alimenter&quot; la commande &quot;pbbar&quot;. \u00c9tant donn\u00e9 que l&#039;affichage sur le pxlBlck_32x8 et le pxlBlck_RingClock diff\u00e8rent l\u00e9g\u00e8rement l&#039;un de l&#039;autre, vous trouverez ci-dessous deux codes l\u00e9g\u00e8rement diff\u00e9rents pour les r\u00e8gles de votre pxlBlck.<\/p>\n\n\n\n<p>\u00c9tant donn\u00e9 que le pxlBlck_32x8 peut \u00e9galement afficher du texte d\u00e9filant, l&#039;exemple de r\u00e8gles pour le pxlBlck_32x8 inclut \u00e9galement la sortie automatique des messages &quot;Au revoir&quot; (dans diff\u00e9rentes langues). (Pourquoi? Voir le d\u00e9fi GoodBye 2020 ci-dessus. \ud83d\ude42 ).<\/p>\n\n\n\n<p>Les r\u00e8gles sont d\u00e9clench\u00e9es toutes les minutes par l&#039;\u00e9v\u00e9nement &quot;Clock#Time&quot;. Vous pouvez trouver des informations sur les r\u00e8gles ESP Easy sur les liens suivants.<\/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=fr-FR&#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>Visualisation des r\u00e8gles list\u00e9es ci-dessous Sur les afficheurs du plBlck_32x8, pxlBlck_8x8 et du pxlBlck_RingClock.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Pour pxlBlck_RingClock<\/h3>\n\n\n\n<p>Voici l&#039;exemple de r\u00e8gles pour le 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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?fit=1224%2C864&amp;ssl=1\" data-orig-size=\"1224,864\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?fit=810%2C572&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=810%2C572&#038;ssl=1\" alt=\"\" class=\"wp-image-14337\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=1024%2C723&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=300%2C212&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?resize=768%2C542&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-7p5welj6b7.jpg?w=1224&amp;ssl=1 1224w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">on Clock#Time=All,**:** do \/\/1577833200=unixtime at &quot;1.1.2020 @ 00:00&quot; let,1,%unixtime%-1577833200 \/\/calcul des secondes \u00e9coul\u00e9es depuis le 1.1.2020 @ 00:00 let,1, %v1%\/60 \/\/conversion en minutes \u00e9coul\u00e9es depuis le 1.1.2020 @ 00:00 let,1,%v1%\/60 \/\/conversion en heures \u00e9coul\u00e9es depuis le 1.1.2020 @ 00:00 let,1,%v1%\/24 \/\/conversion en jours pass\u00e9 depuis le 1.1.2020 @ 00:00 let,2,%v1%\/365 \/\/calcul de la valeur relative de &quot;combien de jours de l&#039;ann\u00e9e 2020 sont pass\u00e9s&quot; let,2,%v2%*100 \/\/conversion de la valeur relative (float) en pourcentage 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\">Pour pxlBlck_32x8<\/h3>\n\n\n\n<p>Voici l&#039;exemple de r\u00e8gles pour le 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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?fit=1224%2C864&amp;ssl=1\" data-orig-size=\"1224,864\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?fit=810%2C572&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=810%2C572&#038;ssl=1\" alt=\"\" class=\"wp-image-14338\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=1024%2C723&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=300%2C212&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?resize=768%2C542&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-ptkgdynqd1.jpg?w=1224&amp;ssl=1 1224w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">on Clock#Time=All,**:** do \/\/1577833200=unixtime at &quot;1.1.2020 @ 00:00&quot; let,1,%unixtime%-1577833200 \/\/calcul des secondes \u00e9coul\u00e9es depuis le 1.1.2020 @ 00:00 let,1, %v1%\/60 \/\/conversion en minutes \u00e9coul\u00e9es depuis le 1.1.2020 @ 00:00 let,1,%v1%\/60 \/\/conversion en heures \u00e9coul\u00e9es depuis le 1.1.2020 @ 00:00 let,1,%v1%\/24 \/\/conversion en jours pass\u00e9 depuis le 1.1.2020 @ 00:00 let,2,%v1%\/365 \/\/calcul de la valeur relative de &quot;combien de jours de l&#039;ann\u00e9e 2020 sont pass\u00e9s&quot; let,2,%v2%*100 \/\/conversion de la valeur relative (float) en pourcentage pbbar,2000,0,1,1,%v2%,0,10,0, Delay 2000 \/\/ pour donner un peu de temps pour l&#039;affichage du r\u00e9glage de la barre pbrntxt,10,10,10,0,0,0,25,8 ,Au Revoir - Adios - Au revoir - Do Svidaniya - G\u00fcle g\u00fcle - Aloha - Selamat tinggal - DaH jImej - Sayonara - Je suis groot., endon<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">afficher le temps restant en continu<\/h3>\n\n\n\n<p>Dans le cas o\u00f9 vous souhaitez afficher le temps restant (ou toute autre valeur affich\u00e9e) en continu, il vous suffit de r\u00e9gler le temps d&#039;affichage suffisamment haut pour qu&#039;il soit sup\u00e9rieur \u00e0 l&#039;intervalle de mise \u00e0 jour de l&#039;affichage.<\/p>\n\n\n\n<p>Ainsi, si vous souhaitez afficher une valeur \u00e0 l&#039;\u00e9cran toutes les minutes et que celle-ci doit \u00eatre affich\u00e9e en permanence ou jusqu&#039;\u00e0 la prochaine mise \u00e0 jour, vous devez d\u00e9finir la valeur pour <em>display_duration<\/em> r\u00e9gl\u00e9 sur (au moins) 60000(ms). <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Exemple\u00a0: envoyer une valeur relative (pourcentage) \u00e0 partir de NodeRed et l&#039;afficher sur le pxlBlck<\/h2>\n\n\n\n<p>Un exemple de la fa\u00e7on dont vous pouvez envoyer une valeur de pourcentage relative (c&#039;est-\u00e0-dire une valeur de 0 \u00e0 100) de NodeRed au pxlBlck et l&#039;afficher sur son \u00e9cran peut \u00eatre trouv\u00e9 dans le NodeCode suivant.<\/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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?fit=1129%2C381&amp;ssl=1\" data-orig-size=\"1129,381\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?fit=810%2C274&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=810%2C274&#038;ssl=1\" alt=\"\" class=\"wp-image-14339\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=1024%2C346&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=300%2C101&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?resize=768%2C259&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?w=1129&amp;ssl=1 1129w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><figcaption>Ici vous pouvez voir la vue de l&#039;exemple dans l&#039;\u00e9diteur NodeRed.<br>Pour que l&#039;exemple fonctionne, vous devez bien s\u00fbr changer le nom de votre pxlBlck. Des informations \u00e0 ce sujet peuvent \u00eatre trouv\u00e9es ci-dessous sous les exemples \u00e9num\u00e9r\u00e9s ici.<\/figcaption><\/figure>\n\n\n\n<p>Vous pouvez trouver le code des exemples NodeRed d\u00e9crits ici sous le lien suivant.<\/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>La mani\u00e8re dont vous pouvez proc\u00e9der pour l&#039;importer dans votre installation NodeRed est d\u00e9crite dans l&#039;article suivant.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/fr\/import-export-nodered-node-code-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - importer et exporter le code du n\u0153ud<\/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=fr-FR&#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>Voir sur l&#039;\u00e9cran si vous utilisez l&#039;exemple NodeRed donn\u00e9 ci-dessus.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Exemple : envoyer des valeurs non relatives depuis NodeRed et les afficher sur le PxlBlck<\/h2>\n\n\n\n<p>Cet exemple montre comment vous pouvez \u00e9galement envoyer des valeurs non relatives \u00e0 votre pxlBlck en utilisant NodeRed. Pour que cela fonctionne, les valeurs absolues sont limit\u00e9es &quot;inf\u00e9rieures&quot; et &quot;sup\u00e9rieures&quot; \u00e0 l&#039;aide du n\u0153ud de plage et mises \u00e0 l&#039;\u00e9chelle sur la plage de valeurs 0-100 du pxlBlck. Cela se produit dans le n\u0153ud nomm\u00e9 &quot;d\u00e9finir la plage autoris\u00e9e pour la mise \u00e0 l&#039;\u00e9chelle&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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?fit=1273%2C342&amp;ssl=1\" data-orig-size=\"1273,342\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?fit=810%2C218&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=810%2C218&#038;ssl=1\" alt=\"\" class=\"wp-image-14340\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=1024%2C275&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=300%2C81&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?resize=768%2C206&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oaklxblyaf.jpg?w=1273&amp;ssl=1 1273w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><figcaption>Ici vous pouvez voir la vue de l&#039;exemple dans l&#039;\u00e9diteur NodeRed.<br>Pour que l&#039;exemple fonctionne, vous devez bien s\u00fbr changer le nom de votre pxlBlck. Des informations \u00e0 ce sujet peuvent \u00eatre trouv\u00e9es ci-dessous sous les exemples \u00e9num\u00e9r\u00e9s ici.<\/figcaption><\/figure>\n\n\n\n<p>Vous pouvez trouver le code des exemples NodeRed d\u00e9crits ici sous le lien suivant. <\/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\">c&#039;est \u00e0 dire<\/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>La mani\u00e8re dont vous pouvez proc\u00e9der pour l&#039;importer dans votre installation NodeRed est d\u00e9crite dans l&#039;article suivant.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/fr\/import-export-nodered-node-code-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - importer et exporter le code du n\u0153ud<\/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\">Exemple : Envoyer cinq valeurs relatives depuis NodeRed et les afficher sur le PxlBlck en m\u00eame temps<\/h2>\n\n\n\n<p>Cet exemple montre comment vous pouvez envoyer cinq valeurs \u00e0 votre pxlBlck en m\u00eame temps en utilisant NodeRed. En outre, les options d&#039;affichage peuvent \u00e9galement \u00eatre d\u00e9finies. Les valeurs individuelles sont collect\u00e9es dans des variables et sur simple pression d&#039;un bouton (&quot;envoyer \u00e0 pxlBlck&quot;), elles sont combin\u00e9es dans une commande et envoy\u00e9es au pxlBlck.<\/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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?fit=1190%2C730&amp;ssl=1\" data-orig-size=\"1190,730\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?fit=810%2C497&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=810%2C497&#038;ssl=1\" alt=\"\" class=\"wp-image-14341\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=1024%2C628&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=300%2C184&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?resize=768%2C471&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jn072mvzsy.jpg?w=1190&amp;ssl=1 1190w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><figcaption>Ici vous pouvez voir la vue de l&#039;exemple dans l&#039;\u00e9diteur NodeRed.<br>Pour que l&#039;exemple fonctionne, vous devez bien s\u00fbr changer le nom de votre pxlBlck. Des informations \u00e0 ce sujet peuvent \u00eatre trouv\u00e9es ci-dessous sous les exemples \u00e9num\u00e9r\u00e9s ici.<\/figcaption><\/figure>\n\n\n\n<p>Vous pouvez trouver le code des exemples NodeRed d\u00e9crits ici sous le lien suivant.<\/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>La mani\u00e8re dont vous pouvez proc\u00e9der pour l&#039;importer dans votre installation NodeRed est d\u00e9crite dans l&#039;article suivant.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/fr\/import-export-nodered-node-code-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - importer et exporter le code du n\u0153ud<\/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=fr-FR&#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>Voir sur l&#039;affichage du pxlBlck_32x8 si vous utilisez l&#039;exemple NodeRed ci-dessus. La premi\u00e8re valeur affich\u00e9e (verte) a d&#039;abord la valeur 25, puis 50 et enfin 0.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Informations sur la personnalisation\/configuration des exemples NodeRed list\u00e9s<\/h2>\n\n\n\n<p>Vous devez adapter un peu les exemples donn\u00e9s ci-dessus avant de pouvoir les tester avec succ\u00e8s.<\/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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?fit=699%2C857&amp;ssl=1\" data-orig-size=\"699,857\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?fit=699%2C857&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?resize=699%2C857&#038;ssl=1\" alt=\"\" class=\"wp-image-14348 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?w=699&amp;ssl=1 699w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-vtohom28m0.jpg?resize=245%2C300&amp;ssl=1 245w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Pour ce faire, vous devez entrer le nom appropri\u00e9 de votre pxlBlck dans le n\u0153ud MQTT.<\/p>\n\n\n\n<p>Dans l&#039;exemple de gauche, le nom de celui que j&#039;utilise est 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>Vous devez modifier cette partie du sujet et bien s\u00fbr y entrer le nom de votre pxlBlck.<\/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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/www-nerdiy-de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?fit=1463%2C828&amp;ssl=1\" data-orig-size=\"1463,828\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?fit=810%2C459&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=810%2C459&#038;ssl=1\" alt=\"\" class=\"wp-image-14349 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=1024%2C580&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=768%2C435&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?resize=135%2C75&amp;ssl=1 135w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-oalgj3m8xl.jpg?w=1463&amp;ssl=1 1463w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Ici, vous voyez le contenu du premier n\u0153ud de fonction. <\/p>\n\n\n\n<p>Vous n&#039;avez rien \u00e0 changer ici. Cependant, cela vaut la peine de jeter un coup d&#039;\u0153il ici si vous \u00eates int\u00e9ress\u00e9 par la composition de la commande et d&#039;o\u00f9 proviennent les donn\u00e9es. \ud83d\ude42<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>Amusez-vous avec le projet<\/h2>\r\n<p>J'esp\u00e8re que tout a fonctionn\u00e9 comme d\u00e9crit. Si ce n'est pas le cas ou si vous avez des questions ou des suggestions, faites-le moi savoir dans les commentaires. Je les ajouterai \u00e0 l'article si n\u00e9cessaire.<br \/>Les id\u00e9es de nouveaux projets sont toujours les bienvenues. \ud83d\ude42<\/p>\r\n<p><strong>PS Beaucoup de ces projets - en particulier les projets mat\u00e9riels - co\u00fbtent beaucoup de temps et d&#039;argent. Bien s\u00fbr, je le fais parce que j&#039;aime \u00e7a, mais si vous pensez que c&#039;est cool que je partage l&#039;information avec vous, je serais heureux d&#039;un petit don au fonds du caf\u00e9. \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=\"Achetez-moi un caf\u00e9 sur 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 - Le moyen le plus s\u00fbr et le plus facile de payer en ligne !\" 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>J&#039;ai commenc\u00e9 la documentation des pxlBlcks (il y a longtemps) en novembre 2020 apr\u00e8s que Hackaday.com a annonc\u00e9 le d\u00e9fi &quot;GoodBye 2020&quot;. (Plus d&#039;informations ici : https:\/\/hackaday.io\/contest\/175608-goodbye-2020\/details) J&#039;avais utilis\u00e9 [\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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/\" \/>\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\":\"fr-FR\",\"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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\",\"@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 - Repr\u00e9senter des valeurs relatives comme BarGraph - nerdiy.de - DIY, \u00e9lectronique, impression 3D et plus...","description":"Lisez une vaste collection de didacticiels d\u00e9taill\u00e9s sur Nerdiy.de sur tous les types de logiciels, de mat\u00e9riel et de sujets g\u00e9n\u00e9raux sur les fabricants.","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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/","og_locale":"fr_FR","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\/fr\/howto-pxlblck-display-relative-values-as-a-bargraph-2\/","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":"fr-FR","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 - Repr\u00e9senter des valeurs relatives comme BarGraph - nerdiy.de - DIY, \u00e9lectronique, impression 3D et plus...","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":"Lisez une vaste collection de didacticiels d\u00e9taill\u00e9s sur Nerdiy.de sur tous les types de logiciels, de mat\u00e9riel et de sujets g\u00e9n\u00e9raux sur les fabricants.","breadcrumb":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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, \u00e9lectronique, impression 3D et plus...","description":"Sur nerdiy.fr, tout tourne autour de l'\u00e9lectronique, du bricolage, de l'impression 3D, de la maison intelligente et de nombreux autres sujets techniques.","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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"Nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR","@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\/fr\/news-juin-2021-mes-projets-pour-le-hackadayprize-2021\/","url_meta":{"origin":14297,"position":0},"title":"Actualit\u00e9 : Juin 2021 - Mes projets pour le 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\/fr\/categorie\/impression-en-3d\/"},"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\/fr\/comment-configurer-pxlblck-cadrans-dhorloge-et-economiseurs-decran\/","url_meta":{"origin":14297,"position":1},"title":"HowTo: pxlBlck - configurer les cadrans d&#039;horloge et les \u00e9conomiseurs d&#039;\u00e9cran","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\/fr\/categorie\/impression-en-3d\/"},"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\/fr\/comment-installer-et-configurer-pxlblck-le-plugin-pxlblck\/","url_meta":{"origin":14297,"position":2},"title":"HowTo\u00a0: pxlBlck \u2013 Installer et configurer le plugin pxlBlck","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\/fr\/categorie\/impression-en-3d\/"},"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\/fr\/howto-pxlblck-commands-pour-configurer-le-pxlblck\/","url_meta":{"origin":14297,"position":3},"title":"HowTo\u00a0: pxlBlck - Commandes pour configurer le 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\/fr\/categorie\/electronique\/"},"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\/fr\/pxlblck-toutes-les-infos-pour-les-testeurs-de-la-derniere-pre-release\/","url_meta":{"origin":14297,"position":4},"title":"pxlBlck - Toutes les informations pour les testeurs de la derni\u00e8re pr\u00e9-version","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\/fr\/categorie\/esp-facile\/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\/fr\/comment-configurer-et-afficher-les-animations-pxlblck\/","url_meta":{"origin":14297,"position":5},"title":"HowTo\u00a0: pxlBlck \u2013 Configurer et afficher des animations","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\/fr\/categorie\/impression-en-3d\/"},"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\/fr\/wp-json\/wp\/v2\/posts\/14297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/comments?post=14297"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/posts\/14297\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/media\/14353"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/media?parent=14297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/categories?post=14297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/fr\/wp-json\/wp\/v2\/tags?post=14297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}