{"id":435,"date":"2021-06-21T14:31:01","date_gmt":"2021-06-21T12:31:01","guid":{"rendered":"https:\/\/www.iot-embedded.de\/iot-2021\/?p=435"},"modified":"2021-06-21T14:31:05","modified_gmt":"2021-06-21T12:31:05","slug":"datenvisualisierung-mit-grafana","status":"publish","type":"post","link":"https:\/\/www.iot-embedded.de\/iot-2021\/smart-drive\/datenvisualisierung-mit-grafana\/","title":{"rendered":"Datenvisualisierung mit Grafana"},"content":{"rendered":"\n<p>In diesem Blockbeitrag m\u00f6chte ich beschreiben, wie man die sich in der Datenbank befindenden Daten mit Hilfe von Grafana visualisiert. \u00dcber den Button <strong>&#8222;Add Panel&#8220;<\/strong> oben rechts l\u00e4sst sich ein neues Panel in einem Dashboard erstellen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"301\" src=\"https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-47-1024x301.png\" alt=\"\" class=\"wp-image-437\" srcset=\"https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-47-1024x301.png 1024w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-47-300x88.png 300w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-47-768x226.png 768w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-47.png 1244w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Im neuen Panel unter dem Reiter <strong>&#8222;Query&#8220;<\/strong> und Auswahl der richtigen Datenbank (in diesem Fall <strong>&#8222;SmartDrive&#8220;<\/strong>) lassen sich die Daten f\u00fcr das entsprechende Panel dann per SQL -Statement von der Datenbank abfragen: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"467\" height=\"366\" src=\"https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-49.png\" alt=\"\" class=\"wp-image-440\" srcset=\"https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-49.png 467w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-49-300x235.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/figure>\n\n\n\n<p>Alternativ kann man \u00fcber den <strong>&#8222;Query Builder&#8220;<\/strong> auch per Mausklick ein Statement erstellen ohne SQL zu beherrschen. Am rechten, oberen Bildschirmrand kann die Darstellung der Daten auf dem Panel unter <strong>&#8222;Show Options&#8220;<\/strong> dann noch angepasst werden. Die wichtigsten Einstellungen sind dabei die Folgenden:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow\">\n<p><strong>Settings:<\/strong> Benennung des Diagramms<\/p>\n\n\n\n<p><strong>Visualization:<\/strong> Auswahl der Darstellungsform (Graph, Balkendiagramm, Heatmap etc.)<\/p>\n\n\n\n<p><strong>Display:<\/strong> Berechnung von Mittelwert oder Angabe von ausschlie\u00dflich Minimal- und Maximalwerten (Beispielsweise f\u00fcr andere Darstellungsformen als Graph)<\/p>\n\n\n\n<p><strong>Axes:<\/strong> Auswahl der Axen die im Diagramm dargestellt werden sowie deren Einheit, Skalierung und Minimal- \/ Maximalwerte der Skalierung<\/p>\n<\/div><\/div>\n\n\n\n<p>\u00dcber den Button <strong>&#8222;Apply&#8220;<\/strong> rechts oben l\u00e4sst sich das neue Panel anschlie\u00dfend ins Dashboard speichern. Analog k\u00f6nnen dann weitere Panels erstellt werden. Die verschiedenen Panels k\u00f6nnen per Drag &amp; Drop beliebig im Dashboard umhergeschoben und nach Bedarf verkleinert und vergr\u00f6\u00dfert werden. So l\u00e4sst sich das Gesamtdashboard beliebig f\u00fcr jeden Anwendungsfall anpassen. In unserem Fall hat sich als Beispiel das folgende Dashboard ergeben:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"497\" src=\"https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-50-1024x497.png\" alt=\"\" class=\"wp-image-441\" srcset=\"https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-50-1024x497.png 1024w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-50-300x146.png 300w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-50-768x372.png 768w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-50-1536x745.png 1536w, https:\/\/www.iot-embedded.de\/iot-2021\/wp-content\/uploads\/sites\/5\/2021\/06\/image-50.png 1903w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dabei gilt nur zu beachten, den rot markierten Zeitraum der Daten oben rechts je nach Bedarf einzustellen, um die korrekten Daten zur Anzeige zu bringen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Blockbeitrag m\u00f6chte ich beschreiben, wie man die sich in der Datenbank befindenden Daten mit Hilfe von Grafana visualisiert. \u00dcber den Button &#8222;Add Panel&#8220; oben rechts l\u00e4sst sich ein neues Panel in einem Dashboard erstellen: Im neuen Panel unter<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[26,24,25],"_links":{"self":[{"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/posts\/435"}],"collection":[{"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":1,"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/posts\/435\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2021\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}