MediaWiki:Gadget-maxPlayerChart.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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);
});