{"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":"como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/","title":{"rendered":"HowTo: pxlBlck - Mostrar valores relativos como un BarGraph"},"content":{"rendered":"<p>Empec\u00e9 la documentaci\u00f3n de los pxlBlcks (hace mucho tiempo) en noviembre de 2020 despu\u00e9s de que Hackaday.com anunciara el desaf\u00edo &quot;GoodBye 2020&quot;. (M\u00e1s informaci\u00f3n aqu\u00ed: <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>Hab\u00eda estado usando pxlBlcks durante mucho tiempo en ese entonces, pero como siempre, nunca encontr\u00e9 el tiempo o la motivaci\u00f3n para escribirlo todo.<\/p>\n\n\n\n<p>Cualquiera que haya le\u00eddo la descripci\u00f3n del desaf\u00edo mencionado anteriormente puede haber notado que el desaf\u00edo va muy bien con la funcionalidad de pxlBlcks. Los textos de desplazamiento se pueden mostrar en \u00e9l durante mucho tiempo. As\u00ed, por ejemplo, se puede mostrar un mensaje de &quot;Adi\u00f3s 2020&quot; sin ning\u00fan problema. <\/p>\n\n\n\n<p>Gracias a un consejo de uno de los primeros probadores del complemento pxlBlck, se me ocurri\u00f3 otra idea sobre c\u00f3mo visualizar a\u00fan mejor cuando el a\u00f1o 2020 finalmente haya pasado: una especie de barra de carga que visualiza cu\u00e1ntos d\u00edas del a\u00f1o 2020 ya se han ido y en consecuencia permanecen.<\/p>\n\n\n\n<p>Para ello he implementado un nuevo comando en el plugin pxlBlck con el que se pueden mostrar en el display hasta cinco valores relativos (porcentajes). Puede mostrar no solo el final de un per\u00edodo, sino tambi\u00e9n varios valores escalados (si el valor es absoluto) o relativos.<\/p>\n\n\n\n<p>Por ejemplo, el valor de la humedad relativa se puede mostrar muy bien porque este valor ya es relativo y corresponde a un porcentaje. Para representar valores absolutos hay que usar un poco m\u00e1s de &quot;matem\u00e1ticas&quot;. Suena complicado. Pero no lo es.<\/p>\n\n\n\n<p>El siguiente art\u00edculo describe c\u00f3mo puede mostrar valores relativos en una barra de carga en la pantalla de su 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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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=es-ES&#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>Adi\u00f3s 2020 \ud83d\ude42<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2><span style=\"color: #ff0000;\">Instrucciones de seguridad <\/span><\/h2>\r\n<p><span style=\"color: #ff0000;\">S\u00e9 que las siguientes notas siempre son un poco molestas y parecen innecesarias. Desafortunadamente, muchas personas que sab\u00edan &quot;mejor&quot; han perdido ojos, dedos u otras cosas debido a un descuido o se lesionaron. La p\u00e9rdida de datos es casi insignificante en comparaci\u00f3n, pero incluso estos pueden ser realmente molestos. Por lo tanto, t\u00f3mese cinco minutos para leer las instrucciones de seguridad. Porque incluso el proyecto m\u00e1s genial no vale la pena lesionarse u otros problemas.<\/span><br \/><strong><em><a href=\"https:\/\/nerdiy.de\/es\/instrucciones-de-seguridad\/\"><span style=\"color: #ff0000;\">https:\/\/www.nerdiy.de\/sicherheitshinweise\/<\/span><\/a><\/em><\/strong><\/p>\r\n<h2>Enlaces afiliados \/ enlaces publicitarios<\/h2>\r\n<p><em>Los enlaces a las tiendas en l\u00ednea enumerados aqu\u00ed son los llamados enlaces de afiliados. Si hace clic en dicho enlace de afiliado y realiza una compra a trav\u00e9s de este enlace, Nerdiy.de recibir\u00e1 una comisi\u00f3n de la tienda en l\u00ednea o el proveedor correspondiente. El precio no cambia para usted. Si realiza sus compras a trav\u00e9s de estos enlaces, ayuda a Nerdiy.de a poder ofrecer otros proyectos \u00fatiles en el futuro. \ud83d\ude42\u00a0<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Requisitos<\/h2>\n\n\n\n<p>Para poder utilizar la informaci\u00f3n de este art\u00edculo, ya debe haber configurado y programado su pxlBlck. Puede encontrar informaci\u00f3n al respecto en los siguientes art\u00edculos.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-352027ef-e924-40a5-85fd-fec49edf612c\"><li><a href=\"https:\/\/nerdiy.de\/es\/pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Un sistema de informaci\u00f3n IOT\/SmartHome<\/em><\/strong><\/a><\/li><li><a href=\"https:\/\/nerdiy.de\/es\/como-instalar-y-configurar-pxlblck-el-complemento-pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Instalar y configurar el complemento pxlBlck<\/em><\/strong><\/a><\/li><li><strong><em><a href=\"https:\/\/nerdiy.de\/es\/howto-configure-pxlblck-clockfaces-and-screensavers-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck - Configurar car\u00e1tulas de reloj y protectores de pantalla<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p><strong>Herramienta requerida:<\/strong><br>- No -<\/p>\n\n\n\n<p><strong>Material requerido:<\/strong><br>- No -<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">El comando para trazar valores relativos<\/h2>\n\n\n\n<p>El siguiente comando es adecuado para mostrar valores absolutos relativos o limitados en la pantalla pxlBlck. La &quot;direcci\u00f3n&quot; de la barra de carga visualizada se puede configurar en la pantalla. Adem\u00e1s, se puede configurar una bandera &quot;llena&quot; para el primero de los valores relativos enviados. Como resultado, el \u00e1rea de visualizaci\u00f3n tambi\u00e9n se colorea en el color establecido desde cero hasta el valor deseado. Por \u00faltimo, pero no menos importante, se puede configurar el color de visualizaci\u00f3n de cada valor individual.<\/p>\n\n\n\n<p>Si prefiere ver ejemplos: despl\u00e1cese un poco m\u00e1s. A continuaci\u00f3n, he enumerado varios ejemplos, incluidos los comandos utilizados.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>nombre de comando<\/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>Resumen de comandos<\/strong><\/h4>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"><em><em>pbbar<\/em>,[<em>visualizaci\u00f3n_duraci\u00f3n<\/em>1-86400000],[<em>reflejado<\/em><\/em> <em>0-1],[<em><em><em>primera_barra_llenada<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>direcci\u00f3n_de_visualizaci\u00f3n<\/em><\/em><\/em><\/em> <em>0-1],[<em><em><em>bar_graph_value<\/em><\/em><\/em><\/em> <em>0-100],[<em><em><em><em>rojo<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em><em><em><em>verde<\/em><\/em><\/em><\/em><\/em> <em>0-255],[<em>azul<\/em><\/em> <em>0-500],<\/em>[hasta cuatro grupos de valores adicionales]<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Descripci\u00f3n de par\u00e1metros<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>nombre del par\u00e1metro<\/th><th>Descripci\u00f3n<\/th><th class=\"has-text-align-center\" data-align=\"center\">Rango de valores permitido<\/th><\/tr><\/thead><tbody><tr><td><em>visualizaci\u00f3n_duraci\u00f3n<\/em><\/td><td>Este par\u00e1metro define el tiempo de visualizaci\u00f3n del valor mostrado. Esto comienza despu\u00e9s de que se hayan mostrado todos los valores en la pantalla.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-86400000<\/td><\/tr><tr><td><em>reflejado<\/em><\/td><td>Puede utilizar este par\u00e1metro para reflejar la representaci\u00f3n del valor. Usando el par\u00e1metro &quot;<em><em>direcci\u00f3n_de_visualizaci\u00f3n<\/em><\/em>\u201c el BarGraph se puede alinear en todas las direcciones. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>primera_barra_llenada<\/em><\/em><\/td><td>Este par\u00e1metro habilita o deshabilita la representaci\u00f3n llena para el primer valor. Entonces, si establece el primer valor en 25 y este par\u00e1metro est\u00e1 habilitado, 25% de la matriz se &quot;rellenar\u00e1&quot; con el color que desee para este par\u00e1metro. <\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td><em><em>direcci\u00f3n_de_visualizaci\u00f3n<\/em><\/em><\/td><td>Este par\u00e1metro configura si el valor se muestra en horizontal (0) o en vertical (1). Usando el par\u00e1metro &quot;<em>reflejado<\/em>\u201cEsta orientaci\u00f3n se puede reflejar adicionalmente.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-1<\/td><\/tr><tr><td>salida_directa<\/td><td>Si esta opci\u00f3n est\u00e1 configurada (=1), el valor se muestra inmediatamente en la pantalla. Por lo tanto, la animaci\u00f3n de visualizaci\u00f3n no se muestra.<\/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>Este es el valor real entre 0 y 100 que desea representar.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-100<\/td><\/tr><tr><td><em><em>rojo<\/em><\/em><\/td><td>Este par\u00e1metro determina el brillo del color rojo del valor asociado.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em><em>verde<\/em><\/em><\/td><td>Este par\u00e1metro determina el brillo del color verde del valor asociado.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-255<\/td><\/tr><tr><td><em>azul<\/em><\/td><td>Este par\u00e1metro determina el brillo del color azul del valor asociado.<\/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\">Ejemplo<\/h5>\n\n\n\n<p>En el siguiente p\u00e1rrafo se incluye informaci\u00f3n m\u00e1s detallada, incluidas im\u00e1genes y videos de las diferentes representaciones y c\u00f3mo puede mostrarlas en su pxlBlck.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Mostrar m\u00e1s de un valor a la vez<\/h2>\n\n\n\n<p>Si solo desea visualizar un valor en la pantalla de su pxlBlck, la estructura del comando es bastante simple. Puede utilizar la tabla anterior como gu\u00eda. Por ejemplo, un comando para mostrar solo un valor podr\u00eda tener este aspecto.<\/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>Este comando muestra para <span style=\"color:#ff0000\" class=\"has-inline-color\">10 segundos (=10000ms)<\/span> el <span style=\"color:#01b3ff\" class=\"has-inline-color\">reflejado <\/span>y <span style=\"color:#f500fe\" class=\"has-inline-color\">completado <\/span>Valor <span style=\"color:#f9a200\" class=\"has-inline-color\">75<\/span> <span style=\"color:#6200ff\" class=\"has-inline-color\">con animaci\u00f3n<\/span> en el <span style=\"color:#49fe01\" class=\"has-inline-color\">color rojo<\/span> en.<\/p>\n\n\n\n<p>Si ahora desea mostrar (el m\u00e1ximo posible) cinco valores, el comando podr\u00eda verse as\u00ed.<\/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>En el ejemplo dado, he marcado la configuraci\u00f3n de los valores individuales en color. El primer valor y su configuraci\u00f3n de color est\u00e1n marcados en rojo, el segundo en naranja, el tercero en verde, el cuarto en azul y el quinto en rosa.<\/p>\n\n\n\n<p>Por lo tanto, puede enviar m\u00faltiples valores al pxlBlck para mostrarlos con solo un comando. Pero aseg\u00farese de que se puedan mostrar un m\u00e1ximo de cinco valores al mismo tiempo.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplo: usar reglas para mostrar una duraci\u00f3n definida para una fecha cada hora<\/h2>\n\n\n\n<p>Por ejemplo, si desea mostrar (como se mencion\u00f3 anteriormente) cu\u00e1ndo finaliza (finalmente) el a\u00f1o actual (2020), puede usar las siguientes reglas.<\/p>\n\n\n\n<p>Estas reglas calculan la diferencia al 01\/01\/2020 00:00 desde la fecha u hora actual y convierten esta diferencia en un porcentaje. Este porcentaje se usa luego para &quot;alimentar&quot; el comando &quot;pbbar&quot;. Dado que la visualizaci\u00f3n en el pxlBlck_32x8 y el pxlBlck_RingClock difieren ligeramente entre s\u00ed, a continuaci\u00f3n encontrar\u00e1 dos c\u00f3digos ligeramente diferentes para las reglas de su pxlBlck.<\/p>\n\n\n\n<p>Dado que pxlBlck_32x8 tambi\u00e9n puede mostrar texto desplazable, el ejemplo de reglas para pxlBlck_32x8 tambi\u00e9n incluye la salida autom\u00e1tica de mensajes de &quot;Adi\u00f3s&quot; (en diferentes idiomas). (\u00bfPor qu\u00e9? Vea el desaf\u00edo GoodBye 2020 anterior. \ud83d\ude42).<\/p>\n\n\n\n<p>Las reglas se activan cada minuto por el evento &quot;Clock#Time&quot;. Puedes encontrar informaci\u00f3n sobre las Reglas F\u00e1ciles ESP en los siguientes enlaces.<\/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=es-ES&#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>Vista de las reglas enumeradas a continuaci\u00f3n En las pantallas de plBlck_32x8, pxlBlck_8x8 y pxlBlck_RingClock.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Para pxlBlck_RingClock<\/h3>\n\n\n\n<p>Aqu\u00ed el ejemplo de Reglas para 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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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 a las &quot;1.1.2020 a las 00:00&quot; let,1,%unixtime%-1577833200 \/\/calculando los segundos transcurridos desde el 1.1.2020 a las 00:00 let,1, %v1%\/60 \/\/conversi\u00f3n a minutos transcurridos desde el 1.1.2020 @ 00:00 let,1,%v1%\/60 \/\/conversi\u00f3n a horas pasadas desde el 1.1.2020 @ 00:00 let,1,%v1%\/24 \/\/conversi\u00f3n a d\u00edas pasado desde el 1.1.2020 a las 00:00 let,2,%v1%\/365 \/\/calculando el valor relativo de &quot;cu\u00e1ntos d\u00edas del a\u00f1o 2020 han pasado&quot; let,2,%v2%*100 \/\/convirtiendo el valor relativo (flotante) en porcentaje pbbar,10000,1,1,0,%v2%,50,00,0, end\u00f3n<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Para pxlBlck_32x8<\/h3>\n\n\n\n<p>Aqu\u00ed el ejemplo de Reglas para 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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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 a las &quot;1.1.2020 a las 00:00&quot; let,1,%unixtime%-1577833200 \/\/calculando los segundos transcurridos desde el 1.1.2020 a las 00:00 let,1, %v1%\/60 \/\/conversi\u00f3n a minutos transcurridos desde el 1.1.2020 @ 00:00 let,1,%v1%\/60 \/\/conversi\u00f3n a horas pasadas desde el 1.1.2020 @ 00:00 let,1,%v1%\/24 \/\/conversi\u00f3n a d\u00edas pasado desde el 1.1.2020 a las 00:00 let,2,%v1%\/365 \/\/calculando el valor relativo de &quot;cu\u00e1ntos d\u00edas del a\u00f1o 2020 han pasado&quot; let,2,%v2%*100 \/\/convirtiendo el valor relativo (flotante) en porcentaje pbbar,2000,0,1,1,%v2%,0,10,0, Delay 2000 \/\/ para dar tiempo a la visualizaci\u00f3n de la configuraci\u00f3n de la barra pbrntxt,10,10,10,0,0,0,25,8 ,Au Revoir - Adios - Adi\u00f3s - Do Svidaniya - G\u00fcle g\u00fcle - Aloha - Selamat tinggal - DaH jImej - Sayonara - Soy groot., endon<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">mostrar el tiempo restante de forma continua<\/h3>\n\n\n\n<p>En el caso de que desee visualizar el tiempo restante (o cualquier otro valor visualizado) de forma continua, s\u00f3lo tiene que configurar el tiempo de visualizaci\u00f3n tan alto que sea mayor que el intervalo de actualizaci\u00f3n de la visualizaci\u00f3n.<\/p>\n\n\n\n<p>Entonces, si desea mostrar un valor en la pantalla cada minuto y esto deber\u00eda mostrarse permanentemente o hasta la pr\u00f3xima actualizaci\u00f3n, debe establecer el valor para <em>visualizaci\u00f3n_duraci\u00f3n<\/em> establecido en (al menos) 60000 (ms). <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplo: env\u00ede un valor relativo (porcentaje) desde NodeRed y mu\u00e9strelo en pxlBlck<\/h2>\n\n\n\n<p>Puede encontrar un ejemplo de c\u00f3mo puede enviar un valor de porcentaje relativo (es decir, un valor de 0 a 100) desde NodeRed a pxlBlck y mostrarlo en su pantalla en el siguiente NodeCode.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-relative-werte-als-bargraph-darstellen-chrome-jaimx9xq6w.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"274\" data-attachment-id=\"14339\" data-permalink=\"https:\/\/nerdiy.de\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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>Aqu\u00ed puedes ver la vista del ejemplo en el editor de NodeRed.<br>Para que el ejemplo funcione, por supuesto, debe cambiar el nombre de su pxlBlck. La informaci\u00f3n sobre esto se puede encontrar a continuaci\u00f3n en los ejemplos enumerados aqu\u00ed.<\/figcaption><\/figure>\n\n\n\n<p>Puede encontrar el c\u00f3digo para los ejemplos de NodeRed descritos aqu\u00ed en el siguiente enlace.<\/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>En el siguiente art\u00edculo se describe c\u00f3mo puede proceder para importar esto a su instalaci\u00f3n de NodeRed.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/es\/importar-y-exportar-codigo-de-nodo-nodered-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - c\u00f3digo de nodo de importaci\u00f3n y exportaci\u00f3n<\/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=es-ES&#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>Ver en la pantalla si utiliza el ejemplo de NodeRed anterior.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplo: enviar valores no relativos desde NodeRed y mostrarlos en PxlBlck<\/h2>\n\n\n\n<p>Este ejemplo muestra c\u00f3mo tambi\u00e9n puede enviar valores no relativos a su pxlBlck usando NodeRed. Para que esto funcione, los valores absolutos se limitan &quot;inferior&quot; y &quot;superior&quot; mediante el nodo de rango y se escalan al rango de valores 0-100 de pxlBlck. Esto sucede en el nodo llamado &quot;establecer rango permitido para escalar&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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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>Aqu\u00ed puedes ver la vista del ejemplo en el editor de NodeRed.<br>Para que el ejemplo funcione, por supuesto, debe cambiar el nombre de su pxlBlck. La informaci\u00f3n sobre esto se puede encontrar a continuaci\u00f3n en los ejemplos enumerados aqu\u00ed.<\/figcaption><\/figure>\n\n\n\n<p>Puede encontrar el c\u00f3digo para los ejemplos de NodeRed descritos aqu\u00ed en el siguiente enlace. <\/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\">es decir<\/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>En el siguiente art\u00edculo se describe c\u00f3mo puede proceder para importar esto a su instalaci\u00f3n de NodeRed.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/es\/importar-y-exportar-codigo-de-nodo-nodered-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - c\u00f3digo de nodo de importaci\u00f3n y exportaci\u00f3n<\/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\">Ejemplo: enviar cinco valores relativos desde NodeRed y mostrarlos en PxlBlck al mismo tiempo<\/h2>\n\n\n\n<p>Este ejemplo muestra c\u00f3mo puede enviar cinco valores a su pxlBlck al mismo tiempo usando NodeRed. Adem\u00e1s, tambi\u00e9n se pueden configurar las opciones de visualizaci\u00f3n. Los valores individuales se recopilan en variables y con solo presionar un bot\u00f3n (&quot;enviar a pxlBlck&quot;) se combinan en un comando y se env\u00edan a 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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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>Aqu\u00ed puedes ver la vista del ejemplo en el editor de NodeRed.<br>Para que el ejemplo funcione, por supuesto, debe cambiar el nombre de su pxlBlck. La informaci\u00f3n sobre esto se puede encontrar a continuaci\u00f3n en los ejemplos enumerados aqu\u00ed.<\/figcaption><\/figure>\n\n\n\n<p>Puede encontrar el c\u00f3digo para los ejemplos de NodeRed descritos aqu\u00ed en el siguiente enlace.<\/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>En el siguiente art\u00edculo se describe c\u00f3mo puede proceder para importar esto a su instalaci\u00f3n de NodeRed.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/es\/importar-y-exportar-codigo-de-nodo-nodered-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">NodeRed - c\u00f3digo de nodo de importaci\u00f3n y exportaci\u00f3n<\/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=es-ES&#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>Ver en la pantalla del pxlBlck_32x8 si usa el ejemplo anterior de NodeRed. El primer valor mostrado (verde) primero tiene el valor 25, luego 50 y luego 0.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Informaci\u00f3n sobre la personalizaci\u00f3n\/configuraci\u00f3n de los ejemplos de NodeRed enumerados<\/h2>\n\n\n\n<p>Debe adaptar un poco los ejemplos anteriores antes de poder probarlos con \u00e9xito.<\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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>Para hacer esto, debe ingresar el nombre apropiado de su pxlBlck en el nodo MQTT.<\/p>\n\n\n\n<p>En el ejemplo de la izquierda, el nombre del que estoy usando es 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>Debe cambiar esta parte del tema y, por supuesto, ingresar el nombre de su pxlBlck all\u00ed.<\/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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/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>Aqu\u00ed se ve el contenido del primer nodo de funci\u00f3n. <\/p>\n\n\n\n<p>No tienes que cambiar nada aqu\u00ed. Sin embargo, vale la pena echar un vistazo aqu\u00ed si est\u00e1 interesado en c\u00f3mo se compone el comando y de d\u00f3nde se obtienen los datos. \ud83d\ude42<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>Divi\u00e9rtete con el proyecto.<\/h2>\r\n<p>Espero que todo te haya funcionado como se describe. Si no es as\u00ed, o si tiene alguna pregunta o sugerencia, h\u00e1gamelo saber en los comentarios. Si es necesario, lo a\u00f1adir\u00e9 al art\u00edculo.<br \/>Las ideas para nuevos proyectos siempre son bienvenidas. \ud83d\ude42<\/p>\r\n<p><strong>PS Muchos de estos proyectos, especialmente los proyectos de hardware, cuestan mucho tiempo y dinero. Por supuesto que hago esto porque lo disfruto, pero si crees que es genial que comparta la informaci\u00f3n contigo, me encantar\u00eda hacer una peque\u00f1a donaci\u00f3n al fondo del 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=\"C\u00f3mprame un caf\u00e9 en 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: la forma m\u00e1s segura y sencilla de pagar en Internet\" 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>Empec\u00e9 la documentaci\u00f3n de los pxlBlcks (hace mucho tiempo) en noviembre de 2020 despu\u00e9s de que Hackaday.com anunciara el desaf\u00edo &quot;GoodBye 2020&quot;. (M\u00e1s informaci\u00f3n aqu\u00ed: https:\/\/hackaday.io\/contest\/175608-goodbye-2020\/details) Hab\u00eda usado [\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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/\" \/>\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\":\"es-ES\",\"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\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/howto-pxlblck-relative-werte-als-bargraph-darstellen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@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\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@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\":\"es-ES\",\"@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 - Mostrar valores relativos como BarGraph - nerdiy.de - DIY, electr\u00f3nica, impresi\u00f3n 3D y m\u00e1s...","description":"Lea una gran colecci\u00f3n de tutoriales detallados en Nerdiy.de sobre todo tipo de software, hardware y temas generales de fabricantes.","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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/","og_locale":"es_ES","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\/es\/como-pxlblck-mostrar-valores-relativos-como-un-grafico-de-barras\/","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":"es-ES","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 - Mostrar valores relativos como BarGraph - nerdiy.de - DIY, electr\u00f3nica, impresi\u00f3n 3D y m\u00e1s...","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":"Lea una gran colecci\u00f3n de tutoriales detallados en Nerdiy.de sobre todo tipo de software, hardware y temas generales de fabricantes.","breadcrumb":{"@id":"https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/howto-pxlblck-relative-werte-als-bargraph-darstellen\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@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 - Bricolaje, electr\u00f3nica, impresi\u00f3n 3D y m\u00e1s...","description":"En nerdiy.de, todo gira en torno a la electr\u00f3nica, el bricolaje, la impresi\u00f3n 3D, el hogar inteligente y muchos otros temas t\u00e9cnicos.","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":"es-ES"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@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":"es-ES","@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\/es\/noticias-junio-2021-mis-proyectos-para-el-hackadayprize-2021\/","url_meta":{"origin":14297,"position":0},"title":"Noticias: Junio 2021 - Mis proyectos para el 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\/es\/categoria\/impresion-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\/es\/howto-configure-pxlblck-clockfaces-and-screensavers-2\/","url_meta":{"origin":14297,"position":1},"title":"HowTo: pxlBlck: configurar car\u00e1tulas de reloj y protectores de pantalla","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\/es\/categoria\/impresion-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\/es\/como-instalar-y-configurar-pxlblck-el-complemento-pxlblck\/","url_meta":{"origin":14297,"position":2},"title":"C\u00f3mo: pxlBlck: instalar y configurar el complemento 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\/es\/categoria\/impresion-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\/es\/howto-pxlblck-commands-to-configure-the-pxlblck\/","url_meta":{"origin":14297,"position":3},"title":"HowTo: pxlBlck \u2013 Comandos para configurar el 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\/es\/categoria\/electronica\/"},"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\/es\/pxlblck-all-infos-for-testers-of-la-ultima-version-preliminar\/","url_meta":{"origin":14297,"position":4},"title":"pxlBlck: toda la informaci\u00f3n para los probadores de la versi\u00f3n preliminar m\u00e1s reciente","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\/es\/categoria\/especialmente-facil\/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\/es\/como-configurar-y-mostrar-pxlblck-animaciones\/","url_meta":{"origin":14297,"position":5},"title":"HowTo: pxlBlck \u2013 Configurar y mostrar animaciones","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\/es\/categoria\/impresion-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\/es\/wp-json\/wp\/v2\/posts\/14297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/comments?post=14297"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/posts\/14297\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/media\/14353"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/media?parent=14297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/categories?post=14297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/es\/wp-json\/wp\/v2\/tags?post=14297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}