{"id":8633,"date":"2026-09-09T09:18:19","date_gmt":"2026-09-09T07:18:19","guid":{"rendered":"https:\/\/energydata.dk\/?page_id=8633"},"modified":"2026-09-29T09:34:47","modified_gmt":"2026-09-29T07:34:47","slug":"data-visualisering","status":"publish","type":"page","link":"https:\/\/energydata.dk\/da\/dokumentation\/data-visualisering\/","title":{"rendered":"Data visualisering"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8633\" class=\"elementor elementor-8633 elementor-8632\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d68e57 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"5d68e57\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a2811b9\" data-id=\"a2811b9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47d3e88 elementor-widget elementor-widget-menu-anchor\" data-id=\"47d3e88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"apidocumentation\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18e9428 elementor-section-full_width animated-slow toc-layout elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"18e9428\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1553591 TOC_column elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"1553591\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2cce5a6 elementor-widget__width-initial Tableofcontents elementor-widget elementor-widget-table-of-contents\" data-id=\"2cce5a6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Tableofcontents\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;icon icon-caret-double-right-light&quot;,&quot;library&quot;:&quot;icomoon-1&quot;},&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:100,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<div class=\"elementor-toc__header-title\">\n\t\t\t\tIndholdsfortegnelse\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__2cce5a6\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<i class=\"elementor-toc__spinner eicon-animation-spin eicon-loading\" aria-hidden=\"true\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0b2faef right_column\" data-id=\"0b2faef\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c62d586 elementor-widget elementor-widget-heading\" data-id=\"c62d586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Data visualisering<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-86a866b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default\" data-id=\"86a866b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0cbb1f0\" data-id=\"0cbb1f0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e3f575d elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"e3f575d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Introduction\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Introduktion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2d987c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f2d987c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Visualisering af data fra EnergyDataDK kan hj\u00e6lpe dig med at identificere eventuelle huller i dataene og vurdere datakvaliteten; den kan desuden anvendes til at overv\u00e5ge, om datastr\u00f8mme falder uden for de fastsatte tolerancer, samt til demonstrationsform\u00e5l m.m.<\/p><p>EnergyDataDK har indbygget funktionalitet, der hj\u00e6lper dig med dette; du skal blot v\u00e6lge et datas\u00e6t, som du har l\u00e6seadgang til, v\u00e6lge en datastr\u00f8m og angive et tidsinterval for at f\u00e5 vist en forh\u00e5ndsvisning. Dette hj\u00e6lper dig med at vurdere, om der foreligger data for den p\u00e5g\u00e6ldende periode, og om der er eventuelle huller i dataene.<br\/>Du kan finde en detaljeret vejledning i vores <a style=\"background-color: #ffffff;\" href=\"https:\/\/energydata.dk\/dokumentation\/platform-guide\/#data-preview\" target=\"_blank\" rel=\"noopener\">platformguide<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fde37e0 floating-image elementor-widget elementor-widget-image\" data-id=\"fde37e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"429\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/06\/SupersetScreenshot-1024x549.png\" class=\"attachment-large size-large wp-image-7880\" alt=\"\" srcset=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/06\/SupersetScreenshot-1024x549.png 1024w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/06\/SupersetScreenshot-300x161.png 300w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/06\/SupersetScreenshot-768x412.png 768w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/06\/SupersetScreenshot.png 1436w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9a813c elementor-widget elementor-widget-text-editor\" data-id=\"e9a813c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Du kan desuden bruge <a href=\"https:\/\/energydata.dk\/dokumentation\/api-documentation\/\" target=\"_blank\" rel=\"noopener\">vores<abbr title=\"Application Programming Interface\"> API<\/abbr>&#8216;er<\/a> til at udtr\u00e6kke data og benytte forskellige muligheder for at pr\u00e6sentere dataene visuelt.<br\/>Herunder finder du vejledninger, eksempler og m\u00e5ske endda lidt inspiration.<\/p><p>Hvis du st\u00f8der p\u00e5 fejl i dette dokument eller har forslag til forbedringer, bedes du kontakte os p\u00e5 <a href=\"mailto:energydatadk@dtu.dk\">EnergyDataDK@DTU.DK<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d40e07c elementor-widget elementor-widget-spacer\" data-id=\"d40e07c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2193bcf elementor-section-full_width elementor-section-height-min-height elementor-section-height-default\" data-id=\"2193bcf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f35733d\" data-id=\"f35733d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8eef22 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"d8eef22\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"batch-upload-data\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">visualiseringsapplikationer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd813c3 elementor-widget elementor-widget-text-editor\" data-id=\"cd813c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Der findes en r\u00e6kke visualiseringsapplikationer fra tredjepart, der g\u00f8r det muligt at generere grafer baseret p\u00e5 enten historiske data eller live-data.<\/p>\n<p>Mange programmer til datavisualisering kan bruges gratis, er relativt nemme at anvende, og man kan som regel komme i gang p\u00e5 f\u00e5 minutter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a22509 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"9a22509\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Grafana<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9a17da elementor-widget elementor-widget-text-editor\" data-id=\"f9a17da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"admonition quote\"><p class=\"admonition-title\">Om Grafana<\/p><p>Grafana er en open source-webapplikation til analyse og visualisering. Den opretter forbindelse til tidsseriedatabaser og andre datakilder, hvilket g\u00f8r det muligt for brugere at oprette dashboards, der viser m\u00e5lev\u00e6rdier, logfiler og traces.<\/p><\/div>\n<p style=\"text-align: right;\"><small>Wikipedia<\/small><\/p>\nGrafana er vores foretrukne v\u00e6rkt\u00f8j til datavisualisering. Det er en kraftfuld og brugervenlig open source-l\u00f8sning, hvilket betyder, at du kan bruge Grafana gratis. Du kan finde det <a href=\"https:\/\/grafana.com\/products\/cloud\/free-tier\/\" target=\"_blank\" rel=\"noopener\">her<\/a>.\n\nInstallationen af \u200b\u200bGrafana er forholdsvis ligetil, s\u00e5 i denne guide g\u00e5r vi ud fra, at du kan komme i gang med Grafana ved at f\u00f8lge trinene i registreringsprocessen.\n\nI denne guide holder vi os til det grundl\u00e6ggende, men som tidligere n\u00e6vnt tilbyder Grafana en lang r\u00e6kke funktioner. Hvis du vil vide mere om l\u00f8sningen, henviser vi til deres <a href=\"https:\/\/grafana.com\/docs\/\" target=\"_blank\" rel=\"noopener\">dokumentationsside<\/a>.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8f7008 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"e8f7008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Live data overv\u00e5gning<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef75f83 elementor-widget elementor-widget-text-editor\" data-id=\"ef75f83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tI dette eksempel forbinder vi Grafana til en datastr\u00f8m ved at abonnere p\u00e5 den via EnergyDataDK&#8217;s <abbr title=\"Message Queuing Telemetry Transport\">MQTT<\/abbr>-broker.\n<div class=\"admonition warning\">\n<p class=\"admonition-title\">S\u00f8rg venligst for, at f\u00f8lgende betingelser er opfyldt.<\/p>\n<ul class=\"checklist\">\n <li>Du har adgang til de datastr\u00f8mme, du \u00f8nsker at visualisere.<\/li>\n <li>Du har et <abbr title=\"Application Programming Interface\">API<\/abbr>-token, der giver tilladelse til at &#8220;oprette forbindelse til MQTT og l\u00e6se\/skrive data i realtid&#8221; for de datas\u00e6t, der indeholder de datastr\u00f8mme, du \u00f8nsker at visualisere.<\/li>\n<\/ul>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e24358 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"2e24358\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">MQTT-datakilde-pluginet<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ade1c15 elementor-widget elementor-widget-text-editor\" data-id=\"ade1c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>F\u00f8rst og fremmest skal du installere &#8220;<a href=\"https:\/\/grafana.com\/docs\/plugins\/grafana-mqtt-datasource\/latest\/\">MQTT data source plugin<\/a>&#8220;. F\u00f8lg linket hvis du vide noget mere f\u00f8rst, ellers forts\u00e6t med installationen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14a6dbe elementor-widget elementor-widget-text-editor\" data-id=\"14a6dbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Trin 1:<\/strong>Selekter <i class=\"fas fa-cog\"><\/i> <b>Administration<\/b> \u2192 <b>Plugins and data<\/b> \u2192 <b>Plugins<\/b> fra hovedmenuen til venstre.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbdfc34 elementor-widget elementor-widget-text-editor\" data-id=\"bbdfc34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Trin 2:Skriv<\/b> &#8220;MQTT&#8221; i s\u00f8gefeltet og tryk p\u00e5 <b>MQTT<\/b> flisen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d27e62 elementor-widget elementor-widget-text-editor\" data-id=\"5d27e62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Trin 3:<\/strong>Tryk p\u00e5 <strong>Install<\/strong> knappen i den \u00f8verste hj\u00f8rne til h\u00f8jre.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-770bc7a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"770bc7a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1c2122a\" data-id=\"1c2122a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a2caaa elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"9a2caaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Etabler forbindelsen<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d7548f elementor-widget elementor-widget-text-editor\" data-id=\"9d7548f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nu skal vi etablere forbindelsen til datastr\u00f8mmen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8557864 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8557864\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3f3e369\" data-id=\"3f3e369\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a342c24 elementor-widget elementor-widget-text-editor\" data-id=\"a342c24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 1:<\/strong>\n\nSelekter <b>Connections<\/b> \u2192 <b>Data sources<\/b> fra hovedmenuen til venstreog tryk p\u00e5 <i class=\"fas fa-plus\"><\/i> <strong>Add new data source<\/strong> knappen in den \u00f8verste hj\u00f8rne til h\u00f8jre.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b7ad8d elementor-widget elementor-widget-html\" data-id=\"2b7ad8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n    <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_datasources.png\" alt=\"\">\n    \n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f63bfe7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f63bfe7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-04b98cc\" data-id=\"04b98cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19150c1 elementor-widget elementor-widget-text-editor\" data-id=\"19150c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 2:<\/strong>\n\nSkriv &#8220;MQTT&#8221; i s\u00f8gefeltet og tryk p\u00e5 <b>MQTT<\/b> flisen.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5c45a elementor-widget elementor-widget-html\" data-id=\"fc5c45a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n    <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_datasources_mqtt.png\">\n    \n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1784753 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1784753\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3fa83a2\" data-id=\"3fa83a2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4828442 elementor-widget elementor-widget-text-editor\" data-id=\"4828442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong> Trin 3:<\/strong>\n\nDu kan nu konfigurere data kilden.\nFor at g\u00f8re dette, f\u00f8lge disse trin:\n<ol>\n \t<li>Under afsnittet <b>Connection<\/b> skal du i feltet <b>URI<\/b> indtaste &#8220;mqtts:\/\/mqtts.energydata.dk:8883&#8221;.<\/li>\n <li>Under afsnittet <strong>Authentication<\/strong> skal du indtaste din <abbr title=\"Application Programming Interface\">API<\/abbr>-n\u00f8gle i feltet <strong>Username<\/strong>.<\/li>\n <li>Lad felterne <strong>Client ID<\/strong> og <strong>Password<\/strong> v\u00e6re tomme.<\/li>\n <li>Klik p\u00e5 <strong>Save and test<\/strong> knappen.<\/li>\n<\/ol>\nDu b\u00f8r nu f\u00e5 en &#8220;MQTT connected&#8221; besked.\nHvis din <abbr title=\"Application Programming Interface\">API<\/abbr> n\u00f8gle er ugyldig f\u00e5r du &#8220;error connecting to MQTT broker: not Authorized&#8221; fejlbesked i stedet for.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee6e30a elementor-widget elementor-widget-html\" data-id=\"ee6e30a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n    <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_datasources_mqtt_configure.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0fed4d0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0fed4d0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-848fe0a\" data-id=\"848fe0a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5843be4 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"5843be4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Opret et dashboard<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aead25 elementor-widget elementor-widget-text-editor\" data-id=\"8aead25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nu forbindelsen er oprettet er det tid til at visualisere datastr\u00f8mmen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3bdcc37 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3bdcc37\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f96316d\" data-id=\"f96316d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96fc105 elementor-widget elementor-widget-text-editor\" data-id=\"96fc105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 1:<\/strong>\n\nSelekter <i class=\"fa fa-th-large\"><\/i> <strong>Dashboards<\/strong> fra hovedmenuet til venstre, tryk p\u00e5 <strong>New<\/strong> knappen i den \u00f8verste hj\u00f8rne til h\u00f8jre, og valg <i class=\"fas fa-plus\"><\/i><strong>New dashboard<\/strong> muligheden.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d18a26 elementor-widget elementor-widget-html\" data-id=\"4d18a26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n    <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3ad9cb9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3ad9cb9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-efaad7a\" data-id=\"efaad7a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-044cfe2 elementor-widget elementor-widget-text-editor\" data-id=\"044cfe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 2:<\/strong>\n\nSkriv &#8220;MQTT&#8221; i s\u00f8gefeltet og tryk p\u00e5 <b>MQTT flisen<\/b>.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1815553 elementor-widget elementor-widget-html\" data-id=\"1815553\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n   <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard_mqtt.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4b80c5c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4b80c5c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4add9aa\" data-id=\"4add9aa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f0f7d3 elementor-widget elementor-widget-text-editor\" data-id=\"1f0f7d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 3:<\/strong>\n\nKlik eller sl\u00e6b en fane fra menuet til h\u00f8jre til midten af sk\u00e6rmen.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cda1f3 elementor-widget elementor-widget-html\" data-id=\"9cda1f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n   <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard_panel_1.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cf05c85 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cf05c85\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4fc7482\" data-id=\"4fc7482\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2fa9c6 elementor-widget elementor-widget-text-editor\" data-id=\"b2fa9c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 4:<\/strong>\n\nTryk p\u00e5 <i class=\"fas fa-sliders-h\" style=\"transform: rotate(90deg);\"><\/i><strong>Configure visualization<\/strong> knappen.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-688c8c3 elementor-widget elementor-widget-html\" data-id=\"688c8c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n   <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard_panel_2.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-530c8d2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"530c8d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-299a251\" data-id=\"299a251\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b3b022 elementor-widget elementor-widget-text-editor\" data-id=\"2b3b022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 5:<\/strong>\n\nSelekter <strong>grafana-mqtt-datasource<\/strong> valgmuligheden fra <strong>Data source<\/strong> feltet.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17931b3 elementor-widget elementor-widget-html\" data-id=\"17931b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n   <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard_panel_3.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-57fa963 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"57fa963\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-cc7173e\" data-id=\"cc7173e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-610f0ec elementor-widget elementor-widget-text-editor\" data-id=\"610f0ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Trin 6:<\/strong>\n\nI <strong>Topic<\/strong> feltet, skriv dit fulde <abbr title=\"Message Queuing Telemetry Transport\">MQTT<\/abbr> emne (b\u00e5de pr\u00e6fiks og suffiks), for eksempel: <code>dataset\/datastream-collection\/datastream<\/code>.\n\nDu burde nu se en grafik blive dannet mens v\u00e6rdierne bliver modtaget.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3caac elementor-widget elementor-widget-html\" data-id=\"1f3caac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n   <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard_panel_4.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cc67b7c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cc67b7c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b0eeaf5\" data-id=\"b0eeaf5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b2cf06 elementor-widget elementor-widget-text-editor\" data-id=\"0b2cf06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Valgfri trin:<\/strong>\n\nDu vil muligvis l\u00e6gge m\u00e6rke til, at der bliver vist Unix tidsstempler p\u00e5 x-aksen, som ikke giver meget mening for os.Vi skal derfor omdanne det til noget l\u00e6seligt.\n\nDu kan opn\u00e5 det ved at g\u00f8re f\u00f8lgende:\n <ul>\n <li>V\u00e6lg timestamp i <b>X field<\/b> under <b>X axis<\/b> i menuen til venstre.<\/li>\n <li>Skift til <b>Transformations<\/b> fanen nederst p\u00e5 sk\u00e6rmen i venstre side.<\/li>\n <li>V\u00e6lg Timestamp og <b>Time<\/b> i de to inputfelter.<\/li>\n<\/ul>\nN\u00e5r du har foretaget dine \u00e6ndringer og tilpasninger, skal du klikke p\u00e5 <b>Save<\/b> knappen for at gemme dit panel og derefter p\u00e5 <i class=\"fa fa-arrow-left\"><\/i> <strong>Back to dashboard<\/strong> knappen.\nDu b\u00f8r nu kunne se normal tid og dato p\u00e5 x-aksen.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3853b8 elementor-widget elementor-widget-html\" data-id=\"c3853b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<details>\n    <summary>\n          <small><i class=\"far fa-image\"><\/i> Se sk\u00e6rmbilledet<\/small>\n    <\/summary>\n   <img decoding=\"async\" class=\"floating-image\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/07\/grafana_new_dashboard_panel_5.png\">\n<\/details>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-122be2e elementor-widget elementor-widget-text-editor\" data-id=\"122be2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Du kan tilf\u00f8je yderlige paneler ved at gentage ovenn\u00e6vnte trin for hver datastr\u00f8m du vil overv\u00e5ge.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb1e28b elementor-widget elementor-widget-spacer\" data-id=\"bb1e28b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54631a1 elementor-widget elementor-widget-heading\" data-id=\"54631a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skr\u00e6ddersyede visualiseringer ved brug af API<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dbb9e3 elementor-widget elementor-widget-text-editor\" data-id=\"1dbb9e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tDu kan bruge EnergyDataDKs <abbr title=\"Application Programming Interface\">API<\/abbr> for at skabe dine egne visualiseringer. Dette kan v\u00e6re ting som grafikker, diagrammer, eller dashboards.\nNedenunder vil vi vise nogle eksempler af visualisering som g\u00f8r brug af EnergyDataDK <abbr title=\"Application Programming Interface\">API&#8217;et<\/abbr>.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce80cb5 elementor-widget elementor-widget-heading\" data-id=\"ce80cb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Graphs generator<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fc1da6 elementor-widget elementor-widget-text-editor\" data-id=\"7fc1da6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Grafgeneratoren giver dig i bund og grund mulighed for at uploade en fil, der beskriver det datas\u00e6t fra EnergyDataDK, du \u00f8nsker at visualisere, hvorefter du v\u00e6lger, hvilke datastr\u00f8mme du vil generere grafer for, og for hvilken periode.<\/p><p>Der genereres grafer for hver af de valgte datastr\u00f8mme for den p\u00e5g\u00e6ldende periode.<\/p><p>Applikationen er udelukkende bygget ved hj\u00e6lp af klientside-scripting (JavaScript). Den sammens\u00e6tter <code>fetch<\/code> kommando p\u00e5 baggrund af brugerens input og bruger disse oplysninger til at generere grafer med <a href=\"https:\/\/jsgraph.org\/\" target=\"_blank\" rel=\"noopener\">jsGraph<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7f13e1 floating-image elementor-widget elementor-widget-image\" data-id=\"b7f13e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"367\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/graph_generator-768x367.png\" class=\"attachment-medium_large size-medium_large wp-image-8877\" alt=\"Graph generator\" srcset=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/graph_generator-768x367.png 768w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/graph_generator-300x143.png 300w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/graph_generator-1024x490.png 1024w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/graph_generator-1536x734.png 1536w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/graph_generator.png 1912w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70480f3 elementor-widget elementor-widget-text-editor\" data-id=\"70480f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<a class=\"eddk-btn\" href=\"https:\/\/energydata.dk\/graph-generator\/\" target=\"_blank\" rel=\"noopener\">Pr\u00f8v det selv<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23b7bbf elementor-widget elementor-widget-heading\" data-id=\"23b7bbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Instruktioner<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c59042a elementor-widget elementor-widget-text-editor\" data-id=\"c59042a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Foruds\u00e6tninger:<\/p><ul><li><details><summary>En <abbr title=\"Application Programming Interface\">API<\/abbr>-n\u00f8gle, der giver rettigheder til at &#8220;hente data fra datas\u00e6t via <p>API<\/p>&#8220;. Du kan finde vejledning i, hvordan du opretter et <abbr title=\"Application Programming Interface\">API<\/abbr>-token, <a href=\"https:\/\/energydata.dk\/dokumentation\/api-documentation\/#create-an-api-token\" target=\"_blank\" rel=\"noopener\">her<\/a>.<\/summary><\/details><\/li><li><details><summary>En definitionsfil.<\/summary><p>Find datas\u00e6ttet du vil visualisere som beskrevet <a href=\"https:\/\/energydata.dk\/dokumentation\/platform-guide\/#data-description\" target=\"_blank\" rel=\"noopener\">her<\/a>.<\/p><p>Klik p\u00e5 <i class=\"fas fa-ellipsis-v\"><\/i> ikonet, selekter <strong>Download<\/strong>, og <strong><i class=\"far fa-file\"><\/i> Export to .CSV<\/strong><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8937 size-large\" src=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/meta_file-1024x677.png\" alt=\"\" width=\"800\" height=\"529\" srcset=\"https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/meta_file-1024x677.png 1024w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/meta_file-300x198.png 300w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/meta_file-768x508.png 768w, https:\/\/energydata.dk\/wp-content\/uploads\/2026\/08\/meta_file.png 1180w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p><\/details><\/li><\/ul><p>Trin:<\/p><ol><li>Tryk p\u00e5 <i class=\"fas fa-upload\"><\/i> knappen og selekter definitionsfilen.<br\/>En liste med datastr\u00f8mme b\u00f8r nu blive vist p\u00e5 venstre side af sk\u00e6rmen.<\/li><li>Valg de datastr\u00f8mme som du vil visualisere.<\/li><li>Indtast din <abbr title=\"Application Programming Interface\">API<\/abbr> key.<\/li><li>Valg start- og slutdatoerne for at specificere hvilken periode de vil visualisere.<\/li><li>Tryk p\u00e5 <i class=\"fas fa-play\"><\/i> knappen.<\/li><\/ol><p>N\u00e5r du har fulgt disse trin b\u00f8r du f\u00e5 vist grafer efter alt data er blevet hentet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b028fb elementor-widget elementor-widget-heading\" data-id=\"7b028fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Dashboards<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8317713 elementor-widget elementor-widget-text-editor\" data-id=\"8317713\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tEt dashboard er en m\u00e5de at vise en tilstand. Derfor giver det mening at bruge en <abbr title=\"Message Queuing Telemetry Transport\">MQTT<\/abbr> broker for at kontinuerligt modtage de seneste v\u00e6rdier.\nDu kan ogs\u00e5 v\u00e6lge at hente de seneste v\u00e6rdier kan ogs\u00e5 blive hentet i et bestemt interval.\n\nNedenunder er eksempler af dashboards som bruger EnergyDataDK <abbr title=\"Application Programming Interface\">API&#8217;et<\/abbr>.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2f02744 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f02744\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e91f798\" data-id=\"e91f798\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f34dbcf elementor-widget elementor-widget-html\" data-id=\"f34dbcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/bornholm.energydata.dk\/\" target=\"_blank\" rel=\"noopener\"><iframe style=\"width: 640px; height: 320px;\" title=\"Eksempel vindue\" src=\"https:\/\/bornholm.energydata.dk\/\"><\/iframe><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b4b796d\" data-id=\"b4b796d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3053323 elementor-widget elementor-widget-html\" data-id=\"3053323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/lolland.energydata.dk\/\" target=\"_blank\" rel=\"noopener\">\r\n<iframe style=\"width: 640px; height: 320px;\" title=\"Eksempel vindue\" src=\"https:\/\/lolland.energydata.dk\/\"><\/iframe><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-37aaf8e elementor-widget__width-auto elementor-fixed elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"37aaf8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:5,&quot;end&quot;:20}},&quot;motion_fx_opacity_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#apidocumentation\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Indholdsfortegnelse Data visualisering Introduktion Visualisering af data fra EnergyDataDK kan hj\u00e6lpe dig med at identificere eventuelle huller i dataene og vurdere datakvaliteten; den kan desuden anvendes til at overv\u00e5ge, om datastr\u00f8mme falder uden for de fastsatte tolerancer, samt til demonstrationsform\u00e5l m.m. EnergyDataDK har indbygget funktionalitet, der hj\u00e6lper dig med dette; du skal blot v\u00e6lge et [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":5506,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/pages\/8633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/comments?post=8633"}],"version-history":[{"count":8,"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/pages\/8633\/revisions"}],"predecessor-version":[{"id":9806,"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/pages\/8633\/revisions\/9806"}],"up":[{"embeddable":true,"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/pages\/5506"}],"wp:attachment":[{"href":"https:\/\/energydata.dk\/da\/wp-json\/wp\/v2\/media?parent=8633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}