'; 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/limeshain/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 , 5 , 7 , 7 , 3 ]; qmPriceChartData.labels = [ "0 € / m² - 100 € / m²" , "100 € / m² - 200 € / m²" , "200 € / m² - 300 € / m²" , "300 € / m² - 400 € / m²" , "400 € / m²+" ]; qmPriceChartData.data = [ 1 , 4 , 4 , 2 , 11 ]; 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', 'Apr. 2023', 'Mai 2023', 'Juni 2023', 'Juli 2023', 'Aug. 2023', 'Sept. 2023', 'Okt. 2023', 'Nov. 2023', 'Dez. 2023', 'Jan. 2024', 'Feb. 2024', 'März 2024', 'Apr. 2024', 'Mai 2024', 'Juni 2024', 'Juli 2024', 'Aug. 2024', 'Sept. 2024', 'Okt. 2024', 'Nov. 2024', 'Dez. 2024', 'Jan. 2025', 'Feb. 2025', 'März 2025' ], datasets: [ { label: " €/m² im Durchschnitt", borderColor: "#0b4b82", backgroundColor: "#0b4b82", tension: 0.3, data: [ 241.26519725185796 , 398.84933905009206 , 396.39682713423 , 376.9886796415478 , 409.61260698220786 , 382.72905335400736 , 420.6519602551322 , 415.45282711801565 , 381.13017073086445 , 461.1228428013467 , 461.1228428013467 , 421.4715464302974 , 488.099813593516 , 447.96795729885406 , 522.8056336815524 , 458.0059090353483 , 460.49492767041147 , 463.838487653843 , 444.21289741250695 , 427.759974429112 , 410.8148835026778 , 452.21071129219314 , 406.61913968515717 , 419.6363084390479 , 430.88354659246534 , 420.7129750816422 , 432.75098695836846 , 449.6342883664566 , 429.22585131601 , 343.25892894084245 , 344.86129873067915 , 313.6347009601761 , 354.1043694929236 , 359.4775811253797 , 326.7534879789441 , 285.25846229234514 , 296.87164902296865 , 331.6252359742112 , 328.7106386931818 , 400.36845257633456 , 270.61965376954606 , 369.0772869158571 , 375.2481280170894 ], yAxisID: 'y', }, { label: " €/m² Median", borderColor: "#76b4e8", backgroundColor: "#76b4e8", tension: 0.3, type: 'line', data: [ 33.333333333333336, 422.48062015503876, 403.3333333333333, 450, 450, 539.0070921985815, 507.14285714285717, 501.43266475644697, 311.34221644458887, 500, 500, 489.0772742093251, 513.4189031505251, 501.43266475644697, 582.3529411764706, 501.43266475644697, 444.8868177773756, 501.43266475644697, 491.6666666666667, 464.11483253588517, 444.44444444444446, 546.2962962962963, 460, 455.1122194513716, 453.84615384615387, 495.3810623556582, 479.17808219178085, 479.17808219178085, 479.17808219178085, 302.8747433264887, 467.2897196261682, 458.26513911620293, 467.2897196261682, 458.26513911620293, 463.57142857142856, 287.47433264887064, 289.8989898989899, 518.5185185185185, 368.2170542635659, 406.4327485380117, 225.30329289428076, 277.2073921971253, 400.2738715963554 ], } ] }, options: { legend: {display: true}, title: { display: true, text: 'Entwicklung der Quadratmeterpreise in Limeshain', fontSize: 16, fontStyle: "normal", fontFamily: "'Open Sans',sans-serif" } } }); });