{"id":9197,"date":"2017-12-17T15:11:30","date_gmt":"2017-12-17T14:11:30","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=9197"},"modified":"2018-11-04T11:57:09","modified_gmt":"2018-11-04T10:57:09","slug":"diagramme-mit-nodered-auf-dem-raspberry-pi","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=9197","title":{"rendered":"Sch\u00f6ne UI-Diagramme mit NodeRED auf dem Raspberry Pi"},"content":{"rendered":"<p>Einfache Diagramme k\u00f6nnen mit NodeRED leicht erstellt werden. Ob nun mit Linien, Balken oder Kreisdiagramm. Unten mal ein Verlaufsdiagramm der empfangenen Flugzeuge in Hannover (HAJ).<\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/nodered-charts.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/nodered-charts.png\" alt=\"\" width=\"2732\" height=\"2048\" class=\"aligncenter size-full wp-image-9208\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/nodered-charts.png 2732w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/nodered-charts-300x225.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/nodered-charts-768x576.png 768w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/nodered-charts-1024x768.png 1024w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.31.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.31.png\" alt=\"\" width=\"425\" height=\"710\" class=\"aligncenter size-full wp-image-9198\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.31.png 425w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.31-180x300.png 180w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><\/a><\/p>\n<p>Daf\u00fcr gibt es das Chart-Node, das in den Flow gezogen werden muss:<!--more--><\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.26.42.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.26.42.png\" alt=\"\" width=\"2062\" height=\"1144\" class=\"aligncenter size-full wp-image-9199\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.26.42.png 2062w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.26.42-300x166.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.26.42-768x426.png 768w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.26.42-1024x568.png 1024w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Dann noch ein paar Einstellungen:<\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.27.14.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.27.14.png\" alt=\"\" width=\"665\" height=\"998\" class=\"aligncenter size-full wp-image-9200\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.27.14.png 665w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.27.14-200x300.png 200w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<p>und dann muss man ein paar Minuten warten, bis Werte angezeigt werden.<\/p>\n<p>Das obere Diagramm ist ein Gauge-Node, der bei 0-20 Flugzeugen in Gr\u00fcn und von 20-50 in Gelb und von 50 bis 100 in Rot angezeigt wird. Die Werte m\u00fcssen bei Sectors eingetragen werden und beziehen sich auf die Farben dar\u00fcber.<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.48.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.48.png\" alt=\"\" width=\"672\" height=\"810\" class=\"aligncenter size-full wp-image-9204\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.48.png 672w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/12\/Bildschirmfoto-2017-12-17-um-13.21.48-249x300.png 249w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Einfache Diagramme k\u00f6nnen mit NodeRED leicht erstellt werden. Ob nun mit Linien, Balken oder Kreisdiagramm. Unten mal ein Verlaufsdiagramm der empfangenen Flugzeuge in Hannover (HAJ). Daf\u00fcr gibt es das Chart-Node, das in den Flow gezogen werden muss:<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,2520,1023],"tags":[2475,2473],"class_list":["post-9197","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-node-red","category-raspberry-pi","tag-node","tag-node-red"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/9197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9197"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/9197\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9197"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}