Jump to content

MediaWiki:Common.js: Difference between revisions

From Pack.png Beta 1.7.3 Wiki
Created page with "document.addEventListener('DOMContentLoaded', function () { const ctx1 = document.getElementById("maxPlayerChart"); const init1 = async () => { const data = ( await ( await fetch( "https://goldenage.keii.dev/api/servers/1/statistics/max-player-count", ) ).json() )["data"]; new Chart(ctx1, { type: "line", data: {..."
 
No edit summary
Line 1: Line 1:
document.addEventListener('DOMContentLoaded', function () {  
document.addEventListener('DOMContentLoaded', function () {
     const ctx1 =
     const script = document.createElement('script');
         document.getElementById("maxPlayerChart");
    script.src = 'https://cdn.jsdelivr.net/npm/chart.js';
   
    script.onload = () => {
    const init1 = async () => {
         const ctx1 = document.getElementById("maxPlayerChart");
        const data = (
 
            await (
        if (!ctx1) return;
                await fetch(
 
                    "https://goldenage.keii.dev/api/servers/1/statistics/max-player-count",
        const init1 = async () => {
                )
            const response = await fetch("https://goldenage.keii.dev/api/servers/1/statistics/max-player-count");
             ).json()
             const result = await response.json();
        )["data"];
            const data = result["data"];
   
 
        new Chart(ctx1, {
            new Chart(ctx1, {
            type: "line",
                type: "line",
            data: {
                data: {
                labels: data.map((row) =>
                    labels: data.map((row) => new Date(row.Date).toDateString()),
                    new Date(row.Date).toDateString(),
                    datasets: [
                ),
                        {
                datasets: [
                            label: "Max Player Count",
                    {
                            data: data.map((row) => row.MaxPlayerCount),
                        label: "Max Player Count",
                            borderWidth: 1,
                        data: data.map(
                        },
                            (row) => row.MaxPlayerCount,
                    ],
                        ),
                },
                        borderWidth: 1,
                options: {
                    },
                    scales: {
                ],
                        y: {
            },
                            beginAtZero: true,
            options: {
                        },
                scales: {
                    y: {
                        beginAtZero: true,
                     },
                     },
                 },
                 },
             },
             });
         });
         };
 
        init1();
     };
     };
     init1();
 
     document.head.appendChild(script);
});
});

Revision as of 11:09, 31 July 2025

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

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