'; 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/haigerloch/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 , 4 , 2 , 0 , 0 ]; qmPriceChartData.labels = [ "0 € / m² - 100 € / m²" , "100 € / m² - 200 € / m²" , "200 € / m² - 300 € / m²" , "300 € / m² - 400 € / m²" , "400 € / m²+" ]; qmPriceChartData.data = [ 0 , 2 , 4 , 0 , 0 ]; 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', 'Mai 2023', 'Juni 2023', 'Aug. 2023', 'Sept. 2023', 'Nov. 2023', 'Dez. 2023', 'Jan. 2024', 'März 2024', 'Apr. 2024', 'Juni 2024', 'Juli 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: [ 192.22541969405793 , 202.01791475303557 , 172.7568949770851 , 176.7637311197012 , 183.09675828241978 , 174.62706294797746 , 220.91682968225854 , 340.0593938404058 , 316.17341870939515 , 272.5648448005928 , 272.5648448005928 , 378.9748000305206 , 352.6042957267999 , 305.677665506332 , 286.1159936176037 , 194.07438806980923 , 216.9661973908095 , 221.91153354336075 , 144.77996211611173 , 187.06681633916074 , 179.2533016532468 , 212.93897961076982 , 239.15833724738258 , 210.0422730683986 , 226.97421275653312 , 203.5478249529007 , 228.40227749659763 , 223.62899993049933 , 309.09840793694696 , 236.25099527808365 , 303.18631894765974 , 260.4541382282932 , 238.0219150618932 , 210.31942526501655 , 227.02584036730605 ], yAxisID: 'y', }, { label: " €/m² Median", borderColor: "#76b4e8", backgroundColor: "#76b4e8", tension: 0.3, type: 'line', data: [ 93.57454772301934, 153.4526854219949, 123.80952380952381, 141.42714285714285, 141.42714285714285, 105.1829268292683, 157.10923276983095, 174.88262910798122, 175.42372881355934, 201.64046479835955, 201.64046479835955, 286.25954198473283, 210, 264.3932683790965, 264.3932683790965, 159.68992248062017, 201.64046479835955, 218.30985915492957, 135.65891472868216, 203.2520325203252, 215.20803443328552, 215.20803443328552, 271.484375, 215.20803443328552, 264.55026455026456, 264.55026455026456, 213.21961620469082, 264.55026455026456, 271.484375, 269.7841726618705, 264.55026455026456, 256.57894736842104, 264.55026455026456, 256.57894736842104, 256.57894736842104 ], } ] }, options: { legend: {display: true}, title: { display: true, text: 'Entwicklung der Quadratmeterpreise in Haigerloch', fontSize: 16, fontStyle: "normal", fontFamily: "'Open Sans',sans-serif" } } }); });