CINXE.COM
IRM - Climatogrammes periode 1991-2020
<!DOCTYPE html><!--[if lte IE 9]><html class="no-js lt-ie9" lang="fr" data-mustredirect="false" data-default-slug="belgique" data-locale="fr"><![endif]--><!--[if gt IE 9]><!--><html lang="fr" data-mustredirect="false" data-default-slug="belgique" data-locale="fr"><!--<![endif]--><head><script src="/frontend/js/bundle-head.js?v20241107-0827"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/><meta name="apple-itunes-app" content="app-id=393832976" /><link rel="canonical" href="https://www.meteo.be/fr/climat/climats-dans-le-monde/climatogrammes-periode-1991-2020"/><title>IRM - Climatogrammes periode 1991-2020 </title><!-- SEO --><meta name="robots" content="all"><!-- Open Graph --><meta property="og:title" content=""><meta property="og:site_name" content="KMI"><link rel="shortcut icon" href="/favicon.ico?v20241107-0827" type="image/x-icon"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v20241107-0827"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v20241107-0827"><link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png?v20241107-0827"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/favicon-180x180.png?v20241107-0827"><link rel="manifest" href="/manifest.json?v20241107-0827"><link rel="mask-icon" href="/safari-pinned-tab.svg?v20241107-0827" color="#0056ef"><meta name="theme-color" content="#ffffff"><link rel="stylesheet" href="/frontend/css/style.css?v20241107-0827" type="text/css" /><link href="//fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet"><!-- Matomo --><script> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//s.meteo.be/m/"; _paq.push(['setTrackerUrl', u+'m.action']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'m.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --><script>dataLayer = [];</script></head><body class="" data-nis="" data-commune-name="" data-region="belgium" data-locale="fr" data-slug="climat/climats-dans-le-monde/climatogrammes-periode-1991-2020" data-default-commune-name="bruxelles" ><!--[if lt IE 10]><div class="outdated"><div class="container"><div class="row"><div class="col-md-12"><h1 class="outdated__title"> Vous utilisez un navigateur internet d茅pass茅. </h1><h3 class="outdated__subtitle"> Certain contenu pourrait 锚tre perdu ou ne pas s'afficher correctement </h3><p class="outdated__description"> Nous vous conseillons de mettre votre navigateur 脿 jour. </p><a href="http://browsehappy.com/?locale=fr" target="_blank" class="btn btn--secondary outdated__button"> Mettez votre navigateur 脿 jour </a></div></div></div></div><![endif]--><div class="backstretch"><header role="header" class="main-header"><div class="main-header__inner"><a href="/fr" class="main-header__logo"><img src="/frontend/img/general/logo-kmi--fr.svg?v20241107-0827" alt="L'institut Royal M茅t茅orologique de Belgique" class="main-header__logo__img"></a><nav role="navigation" class="main-header__nav"><div class="main-header__nav__wrapper"><ul class="primary-nav js-primary-nav"><li class="primary-nav__item class2 "><a href="/fr/meteo" class="primary-nav__item__link"> M茅t茅o </a><ul class="primary-nav__item__sublist"><li class="primary-nav__item__sublist__item"><a href="/fr/meteo/previsions" class="primary-nav__item__sublist__item__link "> Pr茅visions </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/meteo/observations" class="primary-nav__item__sublist__item__link "> Observations </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/meteo/avertissements" class="primary-nav__item__sublist__item__link "> Avertissements </a></li></ul></li><li class="primary-nav__item class2 primary-nav__item--active"><a href="/fr/climat" class="primary-nav__item__link"> Climat </a><ul class="primary-nav__item__sublist"><li class="primary-nav__item__sublist__item"><a href="/fr/climat/climat-de-la-belgique" class="primary-nav__item__sublist__item__link "> Climat de la Belgique </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/climat/changement-climatique-en-belgique" class="primary-nav__item__sublist__item__link "> Changement climatique en Belgique </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/climat/climats-dans-le-monde" class="primary-nav__item__sublist__item__link primary-nav__item__sublist__item__link--active"> Climats dans le monde </a></li></ul></li><li class="primary-nav__item class2 "><a href="/fr/recherche" class="primary-nav__item__link"> Recherche </a><ul class="primary-nav__item__sublist"><li class="primary-nav__item__sublist__item"><a href="/fr/recherche/domaines-de-recherche" class="primary-nav__item__sublist__item__link "> Domaines de recherche </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/recherche/agenda-des-conferences" class="primary-nav__item__sublist__item__link "> Agenda des conf茅rences </a></li></ul></li><li class="primary-nav__item class2 "><a href="/fr/services" class="primary-nav__item__link"> Services </a><ul class="primary-nav__item__sublist"><li class="primary-nav__item__sublist__item"><a href="/fr/services/donnees" class="primary-nav__item__sublist__item__link "> Donn茅es </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/services/produits-et-services" class="primary-nav__item__sublist__item__link "> Produits et services </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/services/applications" class="primary-nav__item__sublist__item__link "> Applications </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/services/conditions-generales" class="primary-nav__item__sublist__item__link "> Conditions g茅n茅rales </a></li></ul></li><li class="primary-nav__item class2 "><a href="/fr/infos" class="primary-nav__item__link"> Infos </a><ul class="primary-nav__item__sublist"><li class="primary-nav__item__sublist__item"><a href="/fr/infos/actualite" class="primary-nav__item__sublist__item__link "> Actualit茅 </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/infos/newsletter" class="primary-nav__item__sublist__item__link "> Newsletter </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/infos/dico-meteo" class="primary-nav__item__sublist__item__link "> Dico M茅t茅o </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/infos/faq" class="primary-nav__item__sublist__item__link "> FAQ </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/infos/chez-meteoz-et-nova" class="primary-nav__item__sublist__item__link "> Chez Meteoz et Nova (pour enfants) </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/infos/publications" class="primary-nav__item__sublist__item__link "> Publications </a></li></ul></li><li class="primary-nav__item class2 "><a href="/fr/a-propos-irm" class="primary-nav__item__link"> A propos de l鈥橧RM </a><ul class="primary-nav__item__sublist"><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/introduction" class="primary-nav__item__sublist__item__link "> Les activit茅s de l'IRM </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/notre-strategie" class="primary-nav__item__sublist__item__link "> Notre strat茅gie </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/structure" class="primary-nav__item__sublist__item__link "> Structure </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/histoire" class="primary-nav__item__sublist__item__link "> Histoire </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/reseau-d-observation" class="primary-nav__item__sublist__item__link "> R茅seaux d'observation </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/management_qualite_environnement" class="primary-nav__item__sublist__item__link "> Management : Qualit茅 & Environnement </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/gender-equality-gender-mainstreaming" class="primary-nav__item__sublist__item__link "> Gender equality & gender mainstreaming </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/informations-juridiques" class="primary-nav__item__sublist__item__link "> Informations juridiques </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/contact" class="primary-nav__item__sublist__item__link "> Contact </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/travailler-a-l-irm" class="primary-nav__item__sublist__item__link "> Travailler 脿 l'IRM </a></li><li class="primary-nav__item__sublist__item"><a href="/fr/a-propos-irm/liens" class="primary-nav__item__sublist__item__link "> Liens </a></li></ul></li></ul><aside class="main-header__nav__extra"><div class="language-nav"><nav role="navigation"><a href="/nl/switch-language/3612?nis=21004" data-locale="nl" class="js-language-chooser language-nav__item language-nav__item--link"> nl </a><span class="language-nav__item language-nav__item--active"> fr </span></nav></div><form action="/fr/chercher" class="search"><input name="query" type="search" class="search__input form-control"></form></aside></div></nav><button class="btn main-header__mobile-btn js-mobile-nav-button"><span class="main-header__mobile-btn__text">menu</span><span class="main-header__mobile-btn__icon"><span></span><span></span><span></span><span></span></span></button><form action="/fr/chercher" class="search search--mobile"><input name="query" type="search" class="search__input form-control"></form></div></header><main role="main" class="main-content mobile-nav__content"><div class="container"><div class="row"><div class="col-md-12"><h1 class="page-title">Climat</h1></div></div><div class="row standard-content"><div class="col-md-3"><div class="box"><nav class="sidebar-nav"><ul class="sidebar-nav__list"><li id="subnav-6070" class="sidebar-nav__list__item sidebar-nav__list__item--sublist"><a href="#" class="js-toggle" data-toggle-target="#subnav-6070" data-toggle-class="sidebar-nav__list__item--open"> Climat de la Belgique </a><ul class="sidebar-nav__list__item__sublist"><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/observations-uccle">Observations r茅centes 脿 Uccle</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/bilans-climatologiques">Bilans climatologiques</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/cartes-climatologiques">Cartes climatologiques</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/normales-climatiques-a-uccle">Normales climatiques 脿 Uccle</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/atlas-climatique">Atlas climatique</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/climat-dans-votre-commune">Climat dans votre commune</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/mois-apres-mois">Le climat de la Belgique mois apr猫s mois</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climat-de-la-belgique/evenements-remarquables-depuis-1901">Ev茅nements remarquables depuis 1901</a></li></ul></li><li id="subnav-5956" class="sidebar-nav__list__item sidebar-nav__list__item--sublist"><a href="#" class="js-toggle" data-toggle-target="#subnav-5956" data-toggle-class="sidebar-nav__list__item--open"> Changement climatique en Belgique </a><ul class="sidebar-nav__list__item__sublist"><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/changement-climatique-en-belgique/a-uccle">Tendances climatiques observ茅es 脿 Uccle</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/changement-climatique-en-belgique/barres-climatiques-pour-uccle">Barres climatiques pour Uccle</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/changement-climatique-en-belgique/en-belgique">Tendances observ茅es en Belgique</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/changement-climatique-en-belgique/le-climat-a-lhorizon-2100">Le climat 脿 l'horizon 2100</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/changement-climatique-en-belgique/les-rapports-climatiques">Les rapports climatiques</a></li></ul></li><li id="subnav-6072" class="sidebar-nav__list__item sidebar-nav__list__item--active sidebar-nav__list__item--open sidebar-nav__list__item--sublist"><a href="#" class="js-toggle" data-toggle-target="#subnav-6072" data-toggle-class="sidebar-nav__list__item--open"> Climats dans le monde </a><ul class="sidebar-nav__list__item__sublist"><li class="sidebar-nav__list__item__sublist__item sidebar-nav__list__item__sublist__item--active"><a href="/fr/climat/climats-dans-le-monde/climatogrammes-periode-1991-2020">Climatogrammes periode 1991-2020</a></li><li class="sidebar-nav__list__item__sublist__item "><a href="/fr/climat/climats-dans-le-monde/climatogrammes-periode-1961-1990">Climatogrammes periode 1961-1990</a></li></ul></li></ul></nav></div></div><div class="col-md-9"><div class="box box--content"><h2 class="box__title">Climatogrammes periode 1991-2020</h2><div class="meteo-store-pp"> <!-- From cache: false --> <script src="/resources/misc/climatograms/js/lib/jquery-3.4.1.min.js"></script><script src="/resources/misc/climatograms/js/lib/highcharts.js"></script><script src="/resources/misc/climatograms/js/lib/highcharts-more.js"></script><script src="/resources/misc/climatograms/js/lib/exporting.js"></script><script type="text/javascript"> <!-- var regionsData = null; var countryCitiesData = null; var cityStationsData = null; var stationsData = null; var translations = null; var lang = null; var citiesArray; function startApp() { download = [ [null, '/resources/misc/climatograms/2024/' + lang + '/climatogram_' + lang + '_lang.json'], [null, '/resources/misc/climatograms/2024/' + lang + '/regions.json'], [null, '/resources/misc/climatograms/2024/' + lang + '/country_cities_' + lang.toUpperCase() + '.json'], [null, '/resources/misc/climatograms/2024/' + lang + '/city_stations_' + lang.toUpperCase() + '.json'], [null, '/resources/misc/climatograms/2024/' + lang + '/station_datas.json'] ]; download.forEach(function(item) { $.get(item[1]) .done(function(data) { item[0] = data; downloadcheck(download); }); }); } function downloadcheck(download) { let alldownloaded = true; download.forEach(function(item) { alldownloaded = alldownloaded && (item[0] != null); }); if (alldownloaded === true) { [translations, regionsData, countryCitiesData, cityStationsData, stationsData] = [download[0][0], download[1][0], download[2][0], download[3][0], download[4][0]]; installeventhandlers(); translatePage(); renderFirstSelect(); } return; } window.addEventListener('DOMContentLoaded', function () { let url = $(location).attr('href'); if (url.includes('.be/nl/') === true) { lang = 'nl'; } else if (url.includes('.be/fr/') === true) { lang = 'fr'; } else if (url.includes('.be/en/') === true) { lang = 'en'; } else if (url.includes('.be/de/') === true) { lang = 'de'; } startApp(); }); function translatePage() { $("[data-tag]").each(function() { let attrval = $(this).attr('data-tag'); if (attrval !== null){ $(this).html(translations[attrval]); } else { $(this).html('No translation'); } }); } function sortOptions(id) { let prePrepend = '#'; if (id.match('^#') == "#") prePrepend = ''; var options = $(prePrepend + id + ' option'); var arr = options.map(function(_, o) { return { t: $(o).text(), v: o.value }; }).get(); arr.sort(function(o1, o2) { return o1.t > o2.t ? 1 : o1.t < o2.t ? -1 : 0; }); options.each(function(i, o) { o.value = arr[i].v; $(o).text(arr[i].t); }); } function renderFirstSelect() { for (var key of Object.keys(regionsData)) { $('#region-select').append($('<option>', { value: regionsData[key], text: translations[key.toString()], })); } sortOptions("#region-select"); } function computeScale(dataJson) { var precipmax = Math.max(...dataJson.rainData); var tempmax = Math.max(...dataJson.temperatureData); var tempmin = Math.min(...dataJson.temperatureData); var Scale, pmaj, pmin, tmaj, tmin, sign; var TasMax, PasMax, TasMin, PasMin, Pmajticks, Pminticks, Tmajticks, Tminticks; PasMax = 0; if (precipmax > tempmax) { sign = (precipmax < 0 ? -1 : 1); if (precipmax <= 20) { [Scale, pmaj, pmin, tmaj, tmin] = [5, 5, 0, 5, 0]; } else if (precipmax < 100) { [Scale, pmaj, pmin, tmaj, tmin] = [10, 10, 5, 5, 0]; } else if (precipmax < 250) { [Scale, pmaj, pmin, tmaj, tmin] = [20, 20, 10, 10, 5]; } else if (precipmax < 500) { [Scale, pmaj, pmin, tmaj, tmin] = [50, 50, 25, 25, 5]; } else { [Scale, pmaj, pmin, tmaj, tmin] = [100, 100, 50, 50, 25]; } PasMax = ((Math.floor(Math.abs(precipmax) / Scale)) * Scale * sign) + Scale; if (tempmax > PasMax / 2) { TasMax = PasMax; PasMax = PasMax * 2; } else { TasMax = PasMax / 2; } [Pmajticks, Pminticks, Tmajticks, Tminticks] = [pmaj, pmin, tmaj, tmin]; } else { sign = (tempmax < 0 ? -1 : 1); TasMax = ((Math.floor(Math.abs(tempmax) / 5)) * 5 * sign) + 5; PasMax = TasMax * 2; [Pmajticks, Pminticks, Tmajticks, Tminticks] = [10, 0, 5, 0]; } if (tempmin >= 0) { TasMin = PasMin = 0; } else { sign = (tempmin < 0 ? -1 : 1); if (tempmin % 5 != 0) { TasMin = ((Math.ceil(Math.abs(tempmin) / Tmajticks)) * Tmajticks * sign); } else { TasMin = ((Math.ceil(Math.abs(tempmin) / Tmajticks)) * Tmajticks * sign) - Tmajticks; } PasMin = TasMin * 2; } if ((PasMax + Math.abs(PasMin)) % Pmajticks) { PasMax = PasMax + pmin; TasMax = TasMax + tmin; } dataJson.minRainScale = PasMin; dataJson.minTempScale = TasMin; dataJson.maxRainScale = PasMax; dataJson.maxTempScale = TasMax; dataJson.rainTickInterval = Pmajticks; dataJson.tempTickInterval = Tmajticks; } function round(value, precision) { var multiplier = Math.pow(10, precision || 0); return Math.round(value * multiplier) / multiplier; } function drawClimatogram(dataJson) { const precipColor = '#0056ef'; const tempColor = '#ff0000'; var temperatureData = dataJson.temperatureData; var rainData = dataJson.rainData; const months = translations.months; rainData = rainData.map(ele => Math.round(ele)); temperatureData = temperatureData.map(ele => parseFloat(ele.toFixed(1))); let trailingzero = false; for (i = 0;i < temperatureData.length;i++) { if (temperatureData[i] % 1 != 0) { trailingzero = true; break; } } var rainTotal = 0; $.each(rainData,function(){rainTotal+=this;}); rainTotal = Math.round(rainTotal); var tempSum = 0; $.each(temperatureData,function(){tempSum+=this;}); var tempAvg = round(tempSum / temperatureData.length, 1); tempAvg = round(tempAvg, 1); computeScale(dataJson); Highcharts.chart('climatogrampicture', { chart: { zoomType: 'xy', plotBackgroundColor: '#f0f0f0', style: { fontFamily: 'Lato,Helvetica,Arial,sans-serif', fontWeight: 'bold' }, events: { load: function() { const logoscale = 0.75; const logoAspect = 100.0 / 133.0; const logoWidth = Math.round(58 * logoscale); const logoHeight = Math.round(logoWidth / logoAspect); this.renderer.image('https://www.meteo.be/resources/misc/climatograms/logokmi' + lang + '.svg', 626, 0, logoWidth, logoHeight).add(); this.renderer.image('https://www.meteo.be/resources/misc/climatograms/mmC.svg', 36, 349, 50, 50).add(); }, beforePrint: function() { const logoscale = 0.75; const logoAspect = 100.0 / 133.0; const logoWidth = Math.round(58 * logoscale); const logoHeight = Math.round(logoWidth / logoAspect); this.renderer.image('https://www.meteo.be/resources/misc/climatograms/logokmi' + lang + '.svg', 626, 0, logoWidth, logoHeight).add(); this.renderer.image('https://www.meteo.be/resources/misc/climatograms/mmC.svg', 36, 349, 50, 50).add(); this.print(); } } }, credits: { enabled: true, href: 'https://www.meteo.be', text: 'meteo.be', style: { fontSize: "1.3em" } }, title: { text: `${dataJson.city} (${dataJson.country}) - ${dataJson.wmoNumber}<br />${dataJson.location}` }, subtitle: { text: translations.avg_climatic, style: { fontSize: "1.3em" } }, xAxis: [ { categories: months, tickWidth: 1, tickLength: 51, tickColor: '#000000', crosshair: true, useHTML: true, labels: { formatter: function() { let printTemp = temperatureData[this.pos]; if (trailingzero == true) { printTemp = printTemp.toFixed(1); } return `<span style="color:black;font-size:1.2em;">${this.value}</span><br /><span style="color:red;font-size:1.2em;">${printTemp}</span><br /><span style="color:${precipColor};font-size:1.2em;">${rainData[this.pos]}</span>`; }, padding: 1 } }], yAxis: [{ // Primary yAxis max: dataJson.maxTempScale, min: dataJson.minTempScale, tickInterval: dataJson.tempTickInterval, alignTicks: false, tickWidth: 1, tickLength: 5, tickColor: `${tempColor}`, gridLineColor: '#282828', labels: { format: '{value}', style: { color: "#ff0000", fontSize: "14px" } }, title: { text: translations.temperature_C + '<br />' + translations.avg_year + tempAvg + ' 掳C' + '<br />', style: { color: tempColor, fontSize: "1.2em" } }, opposite: true },{ // Secondary yAxis max: dataJson.maxRainScale, min: dataJson.minRainScale, alignTicks: false, tickWidth: 1, tickLength: 5, tickInterval: dataJson.rainTickInterval, alternateGridColor: '#d2d2d2', title: { text: translations.precipitation_mm + '<br />' + translations.total_year + rainTotal + ' mm' + '<br />', style: { color: precipColor, fontSize: "1.2em" } }, labels: { formatter: function() { if (this.value >= 0) { return this.value; } }, format: '{value}', style: { color: precipColor, fontSize: "14px" } }, opposite: false } ], tooltip: { shared: true }, legend: { layout: 'vertical', style: { fontSize: "1.2em" }, labelFormatter: function () { if (this.name.indexOf(translations.temperature) !== -1) { return this.name + ' ' + translations.value_in + ' 掳C'; } else { return this.name + ' ' + translations.value_in + ' mm'; } }, align: 'left', x: 0, verticalAlign: 'top', y: 0, floating: true, backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || 'rgba(255,255,255,0.25)' }, exporting: { sourceWidth: 748, scale: 1, chartOptions: { chart:{ height: this.chartHeight } } }, series: [{ name: translations.temperature, type: 'spline', color: '#ff0000', zIndex: 2, data: temperatureData, tooltip: { pointFormat: translations.temperature + ': <b>{point.y}</b><br/>', valueSuffix: '掳C' } }, { name: translations.precipitation, type: 'column', yAxis: 1, zIndex: 1, data: rainData, tooltip: { pointFormat: translations.precipitation + ': <b>{point.y}</b><br/>', valueSuffix: ' mm' } } ] }); } function installeventhandlers() { // Install event handlers, can only be done when page is fully loaded $('#region-select').on('change', function() { $("option:selected", this); let regionIndex = this.value; let countryArray = regionIndex.split(","); $('#country-select').html('<option value="">- Select -<\/option>'); for (var key of Object.keys(countryArray)) { $('#country-select').append($('<option>', { value: countryArray[key], text: translations[countryArray[key]] })); } sortOptions("#country-select"); $('#city-select').html('<option value="">- Select -<\/option>'); }); $('#country-select').on('change', function() { let selectedValue = $(this).val(); citiesArray = Object.values(countryCitiesData[selectedValue]); $('#city-select').html('<option value="">- Select -<\/option>'); for (var key of Object.keys(citiesArray)) { let st = cityStationsData[citiesArray[key]]; for (const element of st) { $('#city-select').append($('<option>', { value: key, text: element })); } } }); $('#city-select').on('change', function() { let countryName = $('#country-select').find("option:selected").text(); let cityIndex = $(this).val(); wmoCode = citiesArray[cityIndex]; let stationname = cityStationsData[wmoCode]; let stationdata = stationsData[wmoCode][0]; const minTemp = Math.min(...stationdata.TEMP); const maxTemp = Math.max(...stationdata.TEMP); const minPrecip = Math.min(...stationdata.PRECIP); const maxPrecip = Math.max(...stationdata.PRECIP); let rangeTemp = maxTemp - minTemp; let rangePrecip = maxPrecip - minPrecip; let location = null; if (stationdata.ALTITUDE != null) { location = 'Lat : ' + stationdata.LAT_DEG + String.fromCharCode(176) + ' ' + stationdata.LAT_MIN + '\'' + ' ' + stationdata.HEMI_LAT + ' Long: ' + stationdata.LONG_DEG + ' ' + String.fromCharCode(176) + ' ' + stationdata.LONG_MIN + '\'' + ' ' + stationdata.HEMI_LONG + ' ' + translations.rec_height + ': ' + stationdata.ALTITUDE + ' m'; } else { location = 'Lat : ' + stationdata.LAT_DEG + String.fromCharCode(176) + ' ' + stationdata.LAT_MIN + '\'' + ' ' + stationdata.HEMI_LAT + ' Long: ' + stationdata.LONG_DEG + ' ' + String.fromCharCode(176) + ' ' + stationdata.LONG_MIN + '\'' + ' ' + stationdata.HEMI_LONG + ' '; } dataJson = { country: countryName, city: stationname, wmoNumber: wmoCode, location: location, temperatureData: stationdata.TEMP, minTempScale: minTemp.NaN, maxTempScale: maxTemp.NaN, tempTickInterval: rangeTemp.NaN, rainData: stationdata.PRECIP, minRainScale: minPrecip.NaN, maxRainScale: maxPrecip.NaN, rainTickInterval: rangePrecip.NaN }; drawClimatogram(dataJson); }); } --> </script><p><label data-tag="subtitle_gen"></label></p><h3 style="color:#0000CD;"><label data-tag="climatogram"></label></h3><div class="col-sm-4 row"> <label data-tag="continent"></label> <select class="form-control" id="region-select"> <option value=""> -- Select -- </option> </select> </div><div class="col-sm-4"> <label data-tag="country"></label> <select class="form-control" id="country-select"> <option value=""> -- Select -- </option> </select> </div><div class="col-sm-4"> <label data-tag="city"></label> <select class="form-control" id="city-select"> <option value=""> -- Select -- </option> </select> </div><br/><br/><br/><br/><figure class="highcharts-figure"> <div id="climatogrampicture"></div> </figure> </div></div></div></div></div></main><div class="js-backstretch backstretch__image "><noscript> <!-- From cache: true --> <img src="/Background/reshaped/2000/unsplash/erik-witsoe-mODxn7mOzms-unsplash_edited.jpg?v20241107-0827" class="office__picture__img" loading="lazy" decoding="async"> </noscript></div></div><footer role="footer" class="footer mobile-nav__content"><section class="app-footer"><div class="container"><div class="row"><div class="col-sm-12"><div class="app-footer__content"><h2 class="app-footer__content__title">T茅l茅chargez notre application</h2><ul class="list-reset app-footer__content__list"><li class="app-footer__content__list__item"><i class="icon icon--check app-footer__content__list__item__icon"></i><p class="app-footer__content__list__item__text"> Les pr茅visions toujours 脿 port茅e de main </p></li><li class="app-footer__content__list__item"><i class="icon icon--check app-footer__content__list__item__icon"></i><p class="app-footer__content__list__item__text"> Recevez des avertissements en cas d'orage </p></li><li class="app-footer__content__list__item"><i class="icon icon--check app-footer__content__list__item__icon"></i><p class="app-footer__content__list__item__text"> Evitez les averses gr芒ce aux images radar </p></li></ul><div class="app-footer__content__applinks"><a href="https://itunes.apple.com/be/app/meteo.be/id393832976" class="app-footer__content__applinks__link"><img src="/frontend/img/footer/app-store.svg?v20241107-0827" alt="Download in de App Store" loading="lazy" decoding="async"></a><a href="https://play.google.com/store/apps/details?id=be.irm.kmi.meteo&hl=fr" class="app-footer__content__applinks__link"><img src="/frontend/img/footer/google-play.svg?v20241107-0827" alt="Get it on Google play" loading="lazy" decoding="async"></a></div></div><div class="app-footer__preview"><img src="/frontend/img/footer/app-fr.png?v20241107-0827" alt="" class="app-footer__preview__img" loading="lazy" decoding="async"></div></div></div></div></section><section class="main-footer"><div class="container"><div class="row"><div class="col-md-2 col-sm-3"><nav class="footer-nav"><h6 class="footer-nav__title"><a href="/fr" class="footer-nav__title__link">M茅t茅o</a></h6><a href="/fr/meteo/previsions/meteo-pour-les-prochains-jours" class="footer-nav__item"> Pr茅visions </a><a href="/fr/meteo/observations/belgique" class="footer-nav__item"> Observations </a><a href="/fr/meteo/avertissements/carte-de-belgique" class="footer-nav__item"> Avertissements </a></nav></div><div class="col-md-2 col-sm-3"><nav class="footer-nav"><h6 class="footer-nav__title"><a href="/fr/climat" class="footer-nav__title__link">Climat</a></h6><a href="/fr/climat/climat-de-la-belgique/cartes-climatologiques" class="footer-nav__item"> Cartes climatologiques </a><a href="/fr/climat/climat-de-la-belgique/bilans-climatologiques" class="footer-nav__item"> Bilans climatologiques </a><a href="/fr/climat/changement-climatique-en-belgique/le-climat-a-lhorizon-2100" class="footer-nav__item"></a><a href="/fr/climat/climat-de-la-belgique/atlas-climatique" class="footer-nav__item"></a></nav></div><div class="col-md-2 col-sm-3"><nav class="footer-nav"><h6 class="footer-nav__title"><a href="#" class="footer-nav__title__link">Autres sites web de l'IRM</a></h6><a href="http://dourbes.meteo.be/fr/" class="footer-nav__item"> Centre de Physique du Globe </a><a href="http://radar.meteo.be/fr/1395317-Radar+et+detection+de+la+foudre.html" class="footer-nav__item"> Groupe radar et d茅t茅ction de la foudre </a><a href="https://ozone.meteo.be/" class="footer-nav__item"> Ozone </a><a href="https://remotesensing.meteo.be/" class="footer-nav__item"> Remote Sensing </a><a href="http://climdyn.meteo.be/" class="footer-nav__item"> Climate Dynamics </a><a href="http://hydroland.meteo.be" class="footer-nav__item"> Hydroland </a></nav></div><div class="col-md-2 col-sm-3"><nav class="footer-nav"><h6 class="footer-nav__title"><a href="/fr/a-propos-irm/liens" class="footer-nav__title__link">Liens</a></h6><a href="/fr/a-propos-irm/liens" class="footer-nav__item"></a><a href="/fr/a-propos-irm/liens" class="footer-nav__item"> Organisations internationales </a><a href="/fr/a-propos-irm/liens" class="footer-nav__item"> Organisations nationales </a><a href="/fr/a-propos-irm/liens" class="footer-nav__item"> Instituts scientifiques f茅d茅raux </a></nav></div><div class="col-md-2 col-sm-3"><nav class="footer-nav"><h6 class="footer-nav__title"><a href="/fr/a-propos-irm/travailler-a-l-irm" class="footer-nav__title__link">Travailler 脿 l'IRM</a></h6><a href="/fr/a-propos-irm/travailler-a-l-irm/offres-demploi" class="footer-nav__item"> Offres d'emploi </a><a href="/fr/a-propos-irm/travailler-a-l-irm" class="footer-nav__item"> Stages </a></nav></div><div class="col-md-2 col-sm-3"><nav class="footer-nav"><h6 class="footer-nav__title"><a href="#" class="footer-nav__title__link">Contact</a></h6><a href="https://www.instagram.com/kmi_irm/" class="footer-nav__item"> Instagram </a><a href="https://www.facebook.com/www.meteo.be" class="footer-nav__item"> Facebook </a><a href="/fr/a-propos-irm/contact/contacter-l-irm" class="footer-nav__item"> Comment contacter l'IRM </a><a href="https://twitter.com/meteobefr" class="footer-nav__item"> Twitter </a></nav></div></div></div></section><section class="sub-footer--kmi"><div class="container"><div class="row"><div class="col-md-9 col-sm-9"><img src="/frontend/img/general/logo-kmi--fr.svg?v20241107-0827" alt="" class="sub-footer--kmi__logo" loading="lazy" decoding="async"><p class="sub-footer--kmi__text"> L' Institut Royal M茅t茅orologique offre un service fiable, au public et aux autorit茅s, bas茅 sur la recherche, l'innovation et la continuit茅. L'IRM est un institut 茅codynamique gr芒ce 脿 son ECO-label 3 茅toiles et sa certification de management environnemental EMAS. </p></div><div class="col-md-3 col-sm-3"><div class="footer-social"><h6 class="footer-social__title">Suivez-nous</h6><a href="https://www.facebook.com/www.meteo.be" class="footer-social__links" target="_blank"><i class="icon icon--facebook footer-social__links__icon"></i></a><a href="https://twitter.com/meteobefr" class="footer-social__links" target="_blank"><i class="icon icon--twitter footer-social__links__icon"></i></a><a href="https://www.instagram.com/kmi_irm/" class="footer-social__links" target="_blank"><i class="icon icon--instagram footer-social__links__icon"></i></a></div></div></div></div></section><section class="sub-footer"><div class="container"><div class="sub-footer__inner"><div class="sub-footer__info"><p class="sub-footer__info__time"> © IRM 2025 </p></div><ul class="sub-footer__nav__list"><li class="sub-footer__nav__list__item"><a href="/fr/a-propos-irm/informations-juridiques/conditions-d-utilisation" class="" >Conditions d'utilisation</a></li><li class="sub-footer__nav__list__item"><a href="/fr/a-propos-irm/informations-juridiques/declaration-de-confidentialite" class="" >RGPD</a></li><li class="sub-footer__nav__list__item"><a href="/fr/a-propos-irm/informations-juridiques/declaration-daccessibilite" class="" >D茅claration d'accessibilit茅</a></li></ul><ul class="sub-footer__nav__list"><li class="sub-footer__nav__list__item"><a class="js-kmcc-extended-modal-button" data-target="legal_privacy_policy" data-url="/fr/legal/modal/legal_privacy_policy" > Politique de confidentialit茅 </a></li><li class="sub-footer__nav__list__item"><a class="js-kmcc-extended-modal-button" data-target="legal_cookie_preferences" data-url="/fr/legal/modal/legal_cookie_preferences" > Pr茅f茅rences en mati猫re de cookies </a></li></ul><p class="sub-footer__credentials"> Cr茅茅 par <a href="http://www.kunstmaan.be" target="_blank" class="sub-footer__credentials__link"><i class="icon icon--kuma sub-footer__credentials__icon"></i></a></p><div class="sub-footer__partners"><a href="http://www.belspo.be/" target="_blank" class="sub-footer__partners__link"><img src="/frontend/img/footer/belspo-logo.png?v20241107-0827" alt="belspo logo" class="sub-footer__partners__link__img" loading="lazy" decoding="async"></a><a href="http://www.belgium.be/" target="_blank" class="sub-footer__partners__link"><img src="/frontend/img/footer/be-logo.png?v20241107-0827" alt="be logo" class="sub-footer__partners__link__img" loading="lazy" decoding="async"></a></div></div></div></section></footer><button type="button" class="btn backstretch__button" data-toggle="modal" data-target="#backstretch-options"> Fond d'茅cran </button><div class="modal js-modal" id="backstretch-options" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog" role="document"><button type="button" class="modal__close" data-dismiss="modal" aria-label="Close"><i class="icon icon--cross"></i></button><div class="modal-content box"><div class="modal-header"><h4 class="modal-title" id="myModalLabel"> Fond d'茅cran </h4></div><div class="modal-body"><p>Vous n'aimez pas notre image de fond? Pas de probl猫me; il vous suffit de cocher la case ci-dessous pour d茅sactiver cette image </p><a target="_blank" class="js-download-backstretch" href=""> T茅l茅charger le fond d'茅cran </a></div><div class="modal-footer"><div class="checkbox"><input id="backstretch-checkbox" title="hide" type="checkbox" name="hide" value="hide" class="js-backstretch-input"><label for="backstretch-checkbox"> Cacher le fond d'茅cran </label></div></div></div></div></div><script src="/frontend/js/bundle-app.js?v20241107-0827"></script><script src="https://www.google.com/recaptcha/api.js?hl=fr"></script><div class="modal-backdrop js-modal-backdrop"></div><kuma-cookie-bar> <!-- START of Kunstmaan cookie bar --><div id="kmcc-backdrop" class="kmcc-backdrop"></div><div id="kmcc-cookie-bar" class="kmcc-cookie-bar"> <div class="kmcc-container"> <h2>Ce site web fonctionne de mani猫re optimale avec des cookies</h2> <div class="kmcc-row"> <div class="kmcc-col js-kmcc-collapsible-content"> <h5 class="kmcc-collapsible-content__title js-kmcc-collapsible-content__title"> <span>Cookies fonctionnels</span> <svg class="icon icon--chevron--down kmcc-collapsible-content__title__icon"> <use xlink:href="/frontend/img/legal/svg/symbol-defs.svg#icon--chevron--down"></use> </svg> </h5> <div class="kmcc-collapsible-content__content-container"> <div class="kmcc-collapsible-content__content js-kmcc-collapsible-content__content"> <p>Ces cookies sont n茅cessaires pour veiller au bon fonctionnement de ce site web.</p> </div> </div> </div> <div class="kmcc-col js-kmcc-collapsible-content"> <h5 class="kmcc-collapsible-content__title js-kmcc-collapsible-content__title"> <span>Cookies analytiques</span> <svg class="icon icon--chevron--down kmcc-collapsible-content__title__icon"> <use xlink:href="/frontend/img/legal/svg/symbol-defs.svg#icon--chevron--down"></use> </svg> </h5> <div class="kmcc-collapsible-content__content-container"> <div class="kmcc-collapsible-content__content js-kmcc-collapsible-content__content"> <p>Ils nous permettent de mesurer l鈥檜tilisation g茅n茅rale de ce site web.</p> </div> </div> </div> </div> <div class="kmcc-cookie-bar__footer"> <div class="kmcc-cookie-bar__footer__preferences"> <div class="kmcc-cookie-bar__footer__preferences__first"><p>Vous pouvez modifier 脿 tout moment ces param猫tres dans vos <a class="js-kmcc-extended-modal-button" data-url="/fr/legal/modal/legal_cookie_preferences">pr茅f茅rences en mati猫re de cookies</a>. Consultez aussi notre <a class="js-kmcc-extended-modal-button" data-target="legal_privacy_policy" data-url="/fr/legal/modal/legal_privacy_policy">politique de confidentialit茅</a>.</p></div><div class="kmcc-cookie-bar__footer__preferences__first--mobile"><a class="js-kmcc-extended-modal-button" data-target="legal_privacy_policy" data-url="/fr/legal/modal/legal_privacy_policy">politique de confidentialit茅</a></div> <div class="kmcc-cookie-bar__footer__preferences__second"> <a id="kmcc-accept-all-cookies" class="btn btn--primary kmcc-btn kmcc-btn--spaced" href="#" data-href="/fr/legal/toggle-all-cookies"> J鈥檃ccepte tous ces cookies</a> <a class="js-kmcc-extended-modal-button" data-target="legal_cookie_preferences" data-url="/fr/legal/modal/legal_cookie_preferences"> J'aimerais param茅trer moi-m锚me mes pr茅f茅rences en mati猫re de cookies </a> </div> </div> </div> </div></div> <input type="hidden" id="kmcc-modal-content-url" value="/fr/legal/modal/legal_cookie_preferences"><div id="kmcc-cookie-modal" class="kmcc-cookie-modal legal-modal--narrow"> <svg id="kmcc-cookie-modal__close-button" class="icon icon--cross svg-parent kmcc-btn-close-modal"> <use xlink:href="/frontend/img/legal/svg/symbol-defs.svg#icon--cross"></use></svg> <div id="kmcc-modal-content" class="kmcc-cookie-modal__content"> <div id="kmcc-modal-content-wrapper"> </div> </div> <div class="kmcc-cookie-modal__detail-view"> <a href="#" id="kmcc-close-detail" class="kmcc-btn-close-detail"> <svg class="icon icon--chevron--down kmcc-btn-close-detail__icon"> <use xlink:href="/frontend/img/legal/svg/symbol-defs.svg#icon--chevron--down"></use></svg> <span class="kmcc-btn-close-detail__text"> retour </span></a> <div id="kmcc-detail-content" class="kmcc-cookie-modal__detail-view__content-wrapper"> </div> </div></div> <div id="kmcc-notification" class="kmcc-notification"> <p class="kmcc-notification__content"> Cookies enregistr茅s </p></div><!-- END of Kunstmaan cookie bar --> </kuma-cookie-bar></body></html>