'; let req = new XMLHttpRequest(); req.onreadystatechange = function () { if (req.readyState === 4 && req.status === 200) { let result = JSON.parse(req.response); document.getElementById("landprices").innerHTML = result.data; buildCharts(result.charts.areaChartData, result.charts.qmPriceChartData); loading = false; } else if (req.readyState === 4) { loading = false; } }; const url = "/stadt/gueglingen/aggregation?year=" + val[1] + "&month=" + val[0]; req.open('GET', url, true); setTimeout(function () { req.send(); }, 1200); } }) } const areaChartData = { labels: [], data: [] }; const qmPriceChartData = { labels: [], data: [] }; areaChartData.labels = [ "0 m² - 100 m²" , "100 m² - 500 m²" , "500 m² - 1000 m²" , "1000 m² - 2000 m²" , "2000 m²+" ]; areaChartData.data = [ 0 , 7 , 5 , 3 , 0 ]; qmPriceChartData.labels = [ "0 € / m² - 100 € / m²" , "100 € / m² - 200 € / m²" , "200 € / m² - 300 € / m²" , "300 € / m² - 400 € / m²" , "400 € / m²+" ]; qmPriceChartData.data = [ 1 , 0 , 3 , 1 , 10 ]; buildCharts(areaChartData, qmPriceChartData); new Chart(document.getElementById("trend-chart"), { type: 'line', data: { labels: [ 'Apr. 2021', 'Aug. 2021', 'Nov. 2021', 'Dez. 2021', 'Jan. 2022', 'Feb. 2022', 'März 2022', 'Apr. 2022', 'Mai 2022', 'Juni 2022', 'Juli 2022', 'Aug. 2022', 'Sept. 2022', 'Okt. 2022', 'Nov. 2022', 'Dez. 2022', 'Jan. 2023', 'Feb. 2023', 'März 2023', 'Aug. 2023', 'Sept. 2023', 'Okt. 2023', 'Nov. 2023', 'Dez. 2023', 'Jan. 2024', 'März 2024', 'Apr. 2024', 'Juni 2024', 'Aug. 2024', 'Sept. 2024', 'Nov. 2024', 'Dez. 2024', 'Feb. 2025', 'März 2025' ], datasets: [ { label: " €/m² im Durchschnitt", borderColor: "#0b4b82", backgroundColor: "#0b4b82", tension: 0.3, data: [ 400.9970776628736 , 487.9942831212253 , 505.4947561348957 , 842.9791068924088 , 842.9791068924088 , 745.345503096748 , 654.0911324241107 , 662.8246397143267 , 531.069395841985 , 657.5111316067716 , 657.5111316067716 , 620.7068975215592 , 753.6117864965616 , 493.71393468540265 , 714.7329713246071 , 726.7299334059662 , 655.3806052479928 , 629.5060799451924 , 423.53216635796355 , 352.43083819470473 , 494.6701204645943 , 557.2653004731028 , 525.6444682706438 , 465.49116187273887 , 393.69871352831257 , 409.3452974234822 , 339.84348434204213 , 510.1684595429554 , 487.56157876955365 , 458.8160153526003 , 369.56387119419907 , 275.3433407374275 , 320.9226777988605 , 444.1067246659607 ], yAxisID: 'y', }, { label: " €/m² Median", borderColor: "#76b4e8", backgroundColor: "#76b4e8", tension: 0.3, type: 'line', data: [ 400, 329.96632996632997, 721.1538461538462, 879.6, 879.6, 809.4594594594595, 809.4594594594595, 809.4594594594595, 500.6729475100942, 650.6849315068494, 650.6849315068494, 665, 692.3076923076923, 650.6849315068494, 665, 665, 665, 665, 487.012987012987, 394.7368421052632, 580.4672897196261, 616.3021868787276, 581.6135084427767, 483.96718866517523, 451.97740112994353, 568.4803001876172, 381.57894736842104, 600, 475.7281553398058, 475.4901960784314, 455.88235294117646, 455.88235294117646, 475.7281553398058, 475.7281553398058 ], } ] }, options: { legend: {display: true}, title: { display: true, text: 'Entwicklung der Quadratmeterpreise in Güglingen', fontSize: 16, fontStyle: "normal", fontFamily: "'Open Sans',sans-serif" } } }); });