MediaWiki:Gadget-maxPlayerChart.js: Difference between revisions

Revision as of 11:29, 31 July 2025

console.log("asd")
document.addEventListener('DOMContentLoaded', function () {
    const script = document.createElement('script');
    script.src = 'https://cdn.jsdelivr.net/npm/chart.js';
    script.onload = () => {
        const ctx1 = document.getElementById("maxPlayerChart");
        console.log("a")
        
        if (!ctx1) return; 

        const init1 = async () => {
            const response = await fetch("https://goldenage.keii.dev/api/servers/1/statistics/max-player-count");
            const result = await response.json();
            const data = result["data"];

            new Chart(ctx1, {
                type: "line",
                data: {
                    labels: data.map((row) => new Date(row.Date).toDateString()),
                    datasets: [
                        {
                            label: "Max Player Count",
                            data: data.map((row) => row.MaxPlayerCount),
                            borderWidth: 1,
                        },
                    ],
                },
                options: {
                    scales: {
                        y: {
                            beginAtZero: true,
                        },
                    },
                },
            });
        };

        init1();
    };

    document.head.appendChild(script);
});