'; 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/eimeldingen/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 , 8 , 2 , 1 ]; qmPriceChartData.labels = [ "0 € / m² - 100 € / m²" , "100 € / m² - 200 € / m²" , "200 € / m² - 300 € / m²" , "300 € / m² - 400 € / m²" , "400 € / m²+" ]; qmPriceChartData.data = [ 0 , 1 , 0 , 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', 'Juli 2024', 'Sept. 2024', 'Okt. 2024', 'Nov. 2024', 'Dez. 2024', 'Feb. 2025', 'März 2025' ], datasets: [ { label: " €/m² im Durchschnitt", borderColor: "#0b4b82", backgroundColor: "#0b4b82", tension: 0.3, data: [ 834.8784403849943 , 555.8795867648121 , 805.3719922798695 , 966.900235647675 , 966.900235647675 , 999.9539829819381 , 879.5952842863231 , 847.3588292682581 , 924.8110116377766 , 937.7541536539462 , 937.7541536539462 , 696.4076320423673 , 796.866689038894 , 705.2305915090303 , 760.9678677600193 , 641.3446147224862 , 635.9901701269979 , 548.1232198196375 , 618.2224805033984 , 544.5518786615767 , 610.7224692323 , 582.1302201903676 , 635.0645639764127 , 619.328211196387 , 585.8396852842626 , 636.9505654930374 , 571.6982833838484 , 669.2669185810591 , 749.5033742135865 , 749.9388794570903 , 467.5320109138959 , 375.17547350419574 , 710.0589070997635 , 754.6785240198304 , 769.3568478346733 , 631.4169934068015 , 645.409321819324 , 611.6742584733366 ], yAxisID: 'y', }, { label: " €/m² Median", borderColor: "#76b4e8", backgroundColor: "#76b4e8", tension: 0.3, type: 'line', data: [ 415.49295774647885, 425, 724.6376811594203, 1174.205967276227, 1174.205967276227, 1174.205967276227, 872.5490196078431, 872.5490196078431, 1020, 928.5714285714286, 928.5714285714286, 700, 823.7547892720306, 586.924219910847, 579.6019900497513, 559.1054313099041, 579.6019900497513, 533.4757834757835, 586.924219910847, 559.1054313099041, 676.9825918762089, 559.1054313099041, 660.919540229885, 650, 619.047619047619, 660.919540229885, 619.047619047619, 662.5258799171843, 691.2181303116147, 691.2181303116147, 404.7890535917902, 488.7955182072829, 597.7777777777778, 553.3333333333334, 573.5294117647059, 573.5294117647059, 526.8199233716475, 478.9272030651341 ], } ] }, options: { legend: {display: true}, title: { display: true, text: 'Entwicklung der Quadratmeterpreise in Eimeldingen', fontSize: 16, fontStyle: "normal", fontFamily: "'Open Sans',sans-serif" } } }); });