'; 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/eichstaett/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 , 1 , 10 , 4 , 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 , 2 , 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', 'Apr. 2023', 'Mai 2023', 'Juni 2023', 'Juli 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', 'Jan. 2025', 'Feb. 2025', 'März 2025' ], datasets: [ { label: " €/m² im Durchschnitt", borderColor: "#0b4b82", backgroundColor: "#0b4b82", tension: 0.3, data: [ 491.54268202825335 , 539.5152364304322 , 324.4279331220615 , 593.7976367619276 , 584.2420065428634 , 403.175823578736 , 350.9539465245796 , 581.3328412180304 , 709.3959310224395 , 674.6118477472021 , 674.6118477472021 , 620.8165595278027 , 634.2909966768964 , 699.2651308802515 , 745.5442810080965 , 663.6983236210781 , 661.874084701085 , 538.6113791738615 , 525.71706970283 , 776.9163532760416 , 745.6467829204171 , 671.1466135124394 , 650.5765450171305 , 698.85489242782 , 677.6629883954971 , 660.6883324154251 , 623.2697894240974 , 625.6639980180913 , 692.7659602117759 , 585.9206824372618 , 664.0896565201061 , 542.5791589490567 , 220.00207803119406 , 592.681547334693 , 563.0923527254082 , 470.0681451763245 , 296.6444753439836 , 396.2027735083672 , 421.97544779744555 ], yAxisID: 'y', }, { label: " €/m² Median", borderColor: "#76b4e8", backgroundColor: "#76b4e8", tension: 0.3, type: 'line', data: [ 460, 629.5620437956204, 420.8754208754209, 614.3884892086331, 530.1794453507341, 500, 420.8754208754209, 500.277296558664, 789.0961262553802, 685.2248394004282, 685.2248394004282, 696.2025316455696, 672.5888324873097, 654.2056074766355, 698.8543371522095, 658.5365853658536, 658.5365853658536, 634.1463414634146, 600, 854.8333333333334, 760.0849256900212, 746.2686567164179, 744.5956765412329, 746.2686567164179, 746.272131147541, 699.1155954160438, 679.7235023041475, 658.5160202360877, 658.688524590164, 680, 739.7260273972603, 644.64141821112, 460, 686.1848124428179, 639.344262295082, 535.954753568543, 382.1138211382114, 400.175171018257, 463.21902654867256 ], } ] }, options: { legend: {display: true}, title: { display: true, text: 'Entwicklung der Quadratmeterpreise in Eichstätt', fontSize: 16, fontStyle: "normal", fontFamily: "'Open Sans',sans-serif" } } }); });