{"id":5656,"date":"2023-12-18T08:40:16","date_gmt":"2023-12-18T07:40:16","guid":{"rendered":"https:\/\/www.slb.nu\/slbanalys\/?page_id=5656"},"modified":"2024-02-01T09:04:56","modified_gmt":"2024-02-01T08:04:56","slug":"ravhagen","status":"publish","type":"page","link":"https:\/\/www.slb.nu\/slbanalys\/ravhagen\/","title":{"rendered":"R\u00e4vhagen"},"content":{"rendered":"<p><div class='content-column two_third'><\/div><br \/>\n<script>\njQuery(document).ready(function() {\n    jQuery('.tabs .tab-links a').on('click', function(e)  {\n        var currentAttrValue = jQuery(this).attr('href');\n        \/\/ Show\/Hide Tabs\n        jQuery('.tabs ' + currentAttrValue).show().siblings().hide();\n        \/\/ Change\/remove current tab to active\n        jQuery(this).parent('li').addClass('active').siblings().removeClass('active');\n        e.preventDefault();\n    });\n});\n<\/script>\n<\/p>\n<h2>R\u00e4vhagen<\/h2>\n<p>H\u00e4r visas m\u00e4tningar vid R\u00e4vhagen, utf\u00f6rda p\u00e5 uppdrag av Trafikverket. Som referens visas \u00e4ven m\u00e4tningar fr\u00e5n takniv\u00e5 p\u00e5 Br\u00f6msebrov\u00e4g.<\/p>\n<div class=\"tabs\">\n<ul class=\"tab-links\">\n<li class=\"active\"><a href=\"#tab1\">PM10 Timme<\/a><\/li>\n<li><a href=\"#tab2\">PM10 Dygn<\/a><\/li>\n<li><a href=\"#tab3\">PM2.5 Dygn<\/a><\/li>\n<\/ul>\n<div class=\"tab-content\">\n<div id=\"tab1\" class=\"tab active\">\n<div id=\"pm10h_chart\" style=\"width: 600px; height: 360px; float: left;\"><\/div>\n<div style=\"width: 20px; height: 20px; float: left;\"><\/div>\n<\/div>\n<div id=\"tab2\" class=\"tab active\">\n<div id=\"pm10d_chart\" style=\"width: 600px; height: 360px; float: left;\"><\/div>\n<div style=\"width: 20px; height: 20px; float: left;\"><\/div>\n<\/div>\n<div id=\"tab3\" class=\"tab active\">\n<div id=\"pm25d_chart\" style=\"width: 600px; height: 360px; float: left;\"><\/div>\n<div style=\"width: 20px; height: 20px; float: left;\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script src=\"\/slbanalys\/js\/plotly-2.2.0.min.js\"><\/script><br \/>\n<script type=\"text\/javascript\">\nvar left_data = [['Tid','Br\u00f6msebrov\u00e4g PM10','R\u00e4vhagen PM10'],['2026-04-27 19:00',4.96604,14.501],['2026-04-27 20:00',5.17002,15.1089],['2026-04-27 21:00',5.57127,10.7931],['2026-04-27 22:00',3.83334,10.7305],['2026-04-27 23:00',5.16131,8.24141],['2026-04-28 00:00',3.48376,5.309],['2026-04-28 01:00',4.52812,11.3378],['2026-04-28 02:00',4.34151,9.98865],['2026-04-28 03:00',2.20981,6.65213],['2026-04-28 04:00',2.73785,12.6032],['2026-04-28 05:00',3.34891,10.7941],['2026-04-28 06:00',2.56885,10.0266],['2026-04-28 07:00',3.70148,14.8452],['2026-04-28 08:00',7.18597,18.1937],['2026-04-28 09:00',11.3804,21.0506],['2026-04-28 10:00',8.60576,23.5815],['2026-04-28 11:00',7.42999,18.1808],['2026-04-28 12:00',8.28268,14.3439],['2026-04-28 13:00',7.23132,11.233],['2026-04-28 14:00',8.56801,15.4244],['2026-04-28 15:00',5.99843,22.2882],['2026-04-28 16:00',7.14803,34.6979],['2026-04-28 17:00',5.28799,16.6517],['2026-04-28 18:00',3.4171,17.1838],['2026-04-28 19:00',3.88287,12.148],['2026-04-28 20:00',3.56822,12.4288],['2026-04-28 21:00',4.70483,6.42684],['2026-04-28 22:00',6.5918,6.58398],['2026-04-28 23:00',10.1455,27.1678],['2026-04-29 00:00',5.77081,131.183],['2026-04-29 01:00',4.66254,64.2971],['2026-04-29 02:00',3.16303,42.7849],['2026-04-29 03:00',3.30534,61.3179],['2026-04-29 04:00',3.36431,114.398],['2026-04-29 05:00',25.0677,71.1838],['2026-04-29 06:00',45.4717,30.6414],['2026-04-29 07:00',23.3737,42.7944],['2026-04-29 08:00',11.9523,60.2953],['2026-04-29 09:00',6.63796,48.616],['2026-04-29 10:00',7.98687,28.746],['2026-04-29 11:00',7.73579,48.9837],['2026-04-29 12:00',8.94864,31.6833],['2026-04-29 13:00',6.13446,21.6236],['2026-04-29 14:00',5.82275,38.179],['2026-04-29 15:00',16.6246,27.4863],['2026-04-29 16:00',4.12914,33.6591],['2026-04-29 17:00',4.42651,33.8945],['2026-04-29 18:00',8.91281,28.9556],['2026-04-29 19:00',6.55704,19.116],['2026-04-29 20:00',5.16679,8.69508],['2026-04-29 21:00',3.57202,8.15067],['2026-04-29 22:00',2.59744,6.28999],['2026-04-29 23:00',2.97153,3.3727],['2026-04-30 00:00',2.69531,2.89113],['2026-04-30 01:00',3.61724,10.7586],['2026-04-30 02:00',3.52865,7.71051],['2026-04-30 03:00',3.44099,8.89807],['2026-04-30 04:00',4.03693,12.5014],['2026-04-30 05:00',4.40793,17.2278],['2026-04-30 06:00',4.66582,20.4946],['2026-04-30 07:00',6.72447,26.1107],['2026-04-30 08:00',10.9635,45.4432],['2026-04-30 09:00',9.62564,33.2776],['2026-04-30 10:00',6.67377,25.2908],['2026-04-30 11:00',7.68214,25.6747],['2026-04-30 12:00',10.1938,25.0142],['2026-04-30 13:00',10.6439,29.6537],['2026-04-30 14:00',11.901,31.5379],['2026-04-30 15:00',12.9497,29.3672],['2026-04-30 16:00',9.97083,26.013],['2026-04-30 17:00',6.9503,20.785],['2026-04-30 18:00',5.13162,15.8409]];\nvar right_data = [['Tid','R\u00e4vhagen vindriktning'],['2026-04-27 19:00',124],['2026-04-27 20:00',71.76],['2026-04-27 21:00',301.3],['2026-04-27 22:00',241.5],['2026-04-27 23:00',84.5],['2026-04-28 00:00',123.7],['2026-04-28 01:00',69.77],['2026-04-28 02:00',92.8],['2026-04-28 03:00',302],['2026-04-28 04:00',142.6],['2026-04-28 05:00',315.5],['2026-04-28 06:00',329],['2026-04-28 07:00',339.3],['2026-04-28 08:00',339.2],['2026-04-28 09:00',338.6],['2026-04-28 10:00',296.4],['2026-04-28 11:00',346.9],['2026-04-28 12:00',348.4],['2026-04-28 13:00',336.3],['2026-04-28 14:00',354.5],['2026-04-28 15:00',3.503],['2026-04-28 16:00',328.2],['2026-04-28 17:00',350.1],['2026-04-28 18:00',22.48],['2026-04-28 19:00',93.2],['2026-04-28 20:00',194.9],['2026-04-28 21:00',163.5],['2026-04-28 22:00',167.5],['2026-04-28 23:00',105.1],['2026-04-29 00:00',132.4],['2026-04-29 01:00',93.8],['2026-04-29 02:00',102.8],['2026-04-29 03:00',95.1],['2026-04-29 04:00',107.8],['2026-04-29 05:00',170.4],['2026-04-29 06:00',64.83],['2026-04-29 07:00',29.25],['2026-04-29 08:00',8.72],['2026-04-29 09:00',296],['2026-04-29 10:00',323],['2026-04-29 11:00',343],['2026-04-29 12:00',310],['2026-04-29 13:00',294.5],['2026-04-29 14:00',282.4],['2026-04-29 15:00',230.1],['2026-04-29 16:00',238.8],['2026-04-29 17:00',217.3],['2026-04-29 18:00',222.3],['2026-04-29 19:00',210.6],['2026-04-29 20:00',217.3],['2026-04-29 21:00',217.3],['2026-04-29 22:00',219.8],['2026-04-29 23:00',218.8],['2026-04-30 00:00',222.3],['2026-04-30 01:00',216.2],['2026-04-30 02:00',216.6],['2026-04-30 03:00',211.1],['2026-04-30 04:00',197.1],['2026-04-30 05:00',214.8],['2026-04-30 06:00',223.2],['2026-04-30 07:00',251.2],['2026-04-30 08:00',276.5],['2026-04-30 09:00',299.9],['2026-04-30 10:00',308.4],['2026-04-30 11:00',355.7],['2026-04-30 12:00',274],['2026-04-30 13:00',287.5],['2026-04-30 14:00',317],['2026-04-30 15:00',337.3],['2026-04-30 16:00',340.8],['2026-04-30 17:00',317.6],['2026-04-30 18:00',0]];\n\nvar left_names = left_data[0].slice(1,);\nvar right_names = right_data[0].slice(1,);\nvar xvals = new  Array(left_data.length-1);\nvar xtext = new  Array(left_data.length-1);\nvar left_yvals = new Array(left_names.length);\nvar right_yvals = new Array(right_names.length);\n \nfor (let i = 1; i < left_data.length; i++) {\n    xvals[i-1] = left_data[i][0];\n    xtext[i-1] = left_data[i][0].split(\" \")[1];\n}\nfor (let i = 0; i < left_names.length; i++) {\n    left_yvals[i] = new Array(xvals.length);\n    for (let j = 0; j < xvals.length; j++) {\n        left_yvals[i][j] = left_data[j+1][i+1];\n    }\n}\n\nfor (let i = 0; i < right_names.length; i++) {\n    right_yvals[i] = new Array(xvals.length);\n    for (let j = 0; j < xvals.length; j++) {\n        right_yvals[i][j] = right_data[j+1][i+1];\n    }\n}\n\nvar traces = new Array(left_names.length + right_names.length);\nvar ymax = 0;\nfor (let i = 0; i < left_names.length; i++) {\n    mymax = Math.max(...left_yvals[i]);\n    ymax = Math.max(ymax, mymax);\n\n    var this_trace = {\n        hovertemplate: \"%{y}<br>%{data.name}: %{x}<extra><\/extra>\",\n        x: xvals,\n        y: left_yvals[i],\n        yaxis: 'y',\n        type: 'line',\n        name: left_names[i],\n        mode: 'lines+markers',\n        marker: {symbol: 'diamond'},\n        line: {width: 1}\n    }\n    if (left_names[i] == 'Gr\u00e4nsv\u00e4rde') {\n        this_trace.line = {\n            dash: 'dot',\n            color: 'rgb(0,0,0)',\n            width: 1.5\n        };\n    }\n\n    traces[i] = this_trace;\n}\nfor (let i = 0; i < right_names.length; i++) {\n    var this_trace = {\n        hovertemplate: \"%{y}<br>%{data.name}: %{x}<extra><\/extra>\",\n        x: xvals,\n        y: right_yvals[i],\n        yaxis: 'y2',\n        type: 'line',\n        name: right_names[i],\n        mode: 'lines+markers',\n        marker: {symbol: 'diamond'},\n        line: {width: 1}\n    }\n    traces[i+left_names.length] = this_trace;\n}\n\nconsole.log(traces);\nvar layout = {\n    title: {\n        text: '<b>Partikelhalter<\/b>',\n        size: 14\n    },\n    yaxis: {\n        range: [0, ymax+ymax\/10], \/\/ TODO fix range\n        side: 'left',\n        title: {\n            text: 'mikrogram per kubikmeter'\n        },\n    },\n    yaxis2: {\n        range: [0, 360],\n        side: 'right',\n        overlaying: 'y',\n        showgrid: false,\n        title: {\n            text: 'grader'\n        },\n    },\n    xaxis: {\n        tickangle: 330,\n        nticks: 14,\n      \/\/  tickmode: \"array\",\n      \/\/  tickvals: xvals,\n      \/\/  ticktext: xtext,\n        tickformat: '%d\/%m %H:%M',\n        font: { size:10 },\n        title: {\n            font: {\n                size:  12\n            },\n        }\n    },\n    legend: {\n        margin: {\n          l: 0,\n          r: 0,\n          b: 0,\n          t: 0,\n        },\n        \"orientation\": \"v\",\n        y: 1,\n        x: 1.10,\n       \/\/ xref: 'paper',\n        xanchor: 'left'\n    },\n    margin: {\n            l: 40,\n            r: 50,\n            t: 30,\n            b: 60\n    },\n    paper_bgcolor: \"rgb(241,241,241)\",\n    plot_bgcolor: \"rgb(241,241,241)\",\n    font: {\n        family: \"Arial\",\n        size: 12\n    }\n};\n\nvar mydiv = 'pm10h' + '_chart';\nPlotly.newPlot(mydiv, traces, layout, {displayModeBar: false, scrollZoom: false});\n\n<\/script>\n\n\n<br \/>\n<script type=\"text\/javascript\">\nvar datta = [['Tid','Br\u00f6msebrov\u00e4g','R\u00e4vhagen'],['16\/04',11.51,35.4062],['17\/04',10.435,25.3358],['18\/04',11.2817,17.9871],['19\/04',7.8051,5.5952],['20\/04',8.22092,13.4541],['21\/04',7.31129,25.2713],['22\/04',8.46149,21.6497],['23\/04',6.473,16.0641],['24\/04',4.91017,15.9559],['25\/04',4.98355,9.51732],['26\/04',5.3917,6.12582],['27\/04',5.04234,10.5559],['28\/04',5.77651,20.209],['29\/04',9.22002,36.5856]];\n\nvar names = datta[0].slice(1,);\nvar xvals = new  Array(datta.length-1);\nvar yvals = new Array(names.length);\n \nfor (let i = 1; i < datta.length; i++) {\n    xvals[i-1] = datta[i][0];\n}\nfor (let i = 0; i < names.length; i++) {\n    yvals[i] = new Array(xvals.length);\n    for (let j = 0; j < xvals.length; j++) {\n        yvals[i][j] = datta[j+1][i+1];\n    }\n}\n\nvar traces = new Array(names.length);\nvar ymax = 0;\nfor (let i = 0; i < names.length; i++) {\n    mymax = Math.max(...yvals[i]);\n    ymax = Math.max(ymax, mymax);\n\n    var this_trace = {\n        hovertemplate: \"%{y}<br>%{data.name}: %{x}<extra><\/extra>\",\n        x: xvals,\n        y: yvals[i],\n        type: 'line',\n        name: names[i],\n        mode: 'lines+markers',\n        marker: {symbol: 'diamond'},\n        line: {width: 1}\n    }\n    if (names[i] == 'Gr\u00e4nsv\u00e4rde') {\n        this_trace.line = {\n            dash: 'dot',\n            color: 'rgb(0,0,0)',\n            width: 1.5\n        };\n    }\n\n    traces[i] = this_trace;\n}\n\nvar layout = {\n    title: {\n        text: '<b>Partikelhalter (mikrogram per kubikmeter)<\/b>',\n        size: 14\n    },\n    yaxis: {\n        range: [0, ymax+ymax\/10], \/\/ TODO fix range\n    },\n    xaxis: {\n        tickangle: 335,\n        nticks: 16,\n        font: { size:10 },\n        title: {\n            font: {\n                size:  12\n            },\n        }\n    },\n    margin: {\n            l: 20,\n            r: 50,\n            t: 30,\n            b: 40\n    },\n    paper_bgcolor: \"rgb(241,241,241)\",\n    plot_bgcolor: \"rgb(241,241,241)\",\n    font: {\n        family: \"Arial\",\n        size: 12\n    }\n};\n\nvar mydiv = 'pm10d' + '_chart';\nPlotly.newPlot(mydiv, traces, layout, {displayModeBar: false, scrollZoom: false});\n\n<\/script>\n\n\n<br \/>\n<script type=\"text\/javascript\">\nvar datta = [['Tid','Br\u00f6msebrov\u00e4g','R\u00e4vhagen'],['16\/04',7.0084,11.9908],['17\/04',4.30021,7.74207],['18\/04',5.70964,6.53792],['19\/04',4.31966,3.60985],['20\/04',4.23402,5.05843],['21\/04',3.60075,6.86037],['22\/04',3.44802,6.3204],['23\/04',1.98495,4.14722],['24\/04',1.41956,3.87596],['25\/04',2.06331,2.9249],['26\/04',1.75233,1.88867],['27\/04',1.6824,2.92347],['28\/04',1.83466,4.80305],['29\/04',2.47479,8.36839]];\n\nvar names = datta[0].slice(1,);\nvar xvals = new  Array(datta.length-1);\nvar yvals = new Array(names.length);\n \nfor (let i = 1; i < datta.length; i++) {\n    xvals[i-1] = datta[i][0];\n}\nfor (let i = 0; i < names.length; i++) {\n    yvals[i] = new Array(xvals.length);\n    for (let j = 0; j < xvals.length; j++) {\n        yvals[i][j] = datta[j+1][i+1];\n    }\n}\n\nvar traces = new Array(names.length);\nvar ymax = 0;\nfor (let i = 0; i < names.length; i++) {\n    mymax = Math.max(...yvals[i]);\n    ymax = Math.max(ymax, mymax);\n\n    var this_trace = {\n        hovertemplate: \"%{y}<br>%{data.name}: %{x}<extra><\/extra>\",\n        x: xvals,\n        y: yvals[i],\n        type: 'line',\n        name: names[i],\n        mode: 'lines+markers',\n        marker: {symbol: 'diamond'},\n        line: {width: 1}\n    }\n    if (names[i] == 'Gr\u00e4nsv\u00e4rde') {\n        this_trace.line = {\n            dash: 'dot',\n            color: 'rgb(0,0,0)',\n            width: 1.5\n        };\n    }\n\n    traces[i] = this_trace;\n}\n\nvar layout = {\n    title: {\n        text: '<b>Partikelhalter (mikrogram per kubikmeter)<\/b>',\n        size: 14\n    },\n    yaxis: {\n        range: [0, ymax+ymax\/10], \/\/ TODO fix range\n    },\n    xaxis: {\n        tickangle: 335,\n        nticks: 16,\n        font: { size:10 },\n        title: {\n            font: {\n                size:  12\n            },\n        }\n    },\n    margin: {\n            l: 20,\n            r: 50,\n            t: 30,\n            b: 40\n    },\n    paper_bgcolor: \"rgb(241,241,241)\",\n    plot_bgcolor: \"rgb(241,241,241)\",\n    font: {\n        family: \"Arial\",\n        size: 12\n    }\n};\n\nvar mydiv = 'pm25d' + '_chart';\nPlotly.newPlot(mydiv, traces, layout, {displayModeBar: false, scrollZoom: false});\n\n<\/script>\n\n\n<br \/>\n<script>jQuery(document).ready(function ($) {setTimeout(function() { $('#tab2').hide(); $('#tab3').hide(); }, 300);});<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>R\u00e4vhagen H\u00e4r visas m\u00e4tningar vid R\u00e4vhagen, utf\u00f6rda p\u00e5 uppdrag av Trafikverket. Som referens visas \u00e4ven m\u00e4tningar fr\u00e5n takniv\u00e5 p\u00e5 Br\u00f6msebrov\u00e4g. PM10 Timme PM10 Dygn PM2.5 Dygn<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/pages\/5656"}],"collection":[{"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/comments?post=5656"}],"version-history":[{"count":6,"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/pages\/5656\/revisions"}],"predecessor-version":[{"id":5681,"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/pages\/5656\/revisions\/5681"}],"wp:attachment":[{"href":"https:\/\/www.slb.nu\/slbanalys\/wp-json\/wp\/v2\/media?parent=5656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}