MediaWiki

CharacterDistribution.js: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

No edit summary
No edit summary
Line 22: Line 22:
     });
     });
});
});
if (canvas) {
    const ctx = canvas.getContext('2d');
    const testChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['A','B','C'],
            datasets: [{label: 'Test', data: [1,2,3], backgroundColor: 'red'}]
        }
    });
    console.log(testChart);
}

Revision as of 19:21, 31 August 2025

console.log('CharacterDistribution.js läuft');

const canvas = document.getElementById('testChart');
console.log(canvas);

document.addEventListener('DOMContentLoaded', () => {
    const canvas = document.getElementById('testChart');
    if (!canvas) return;

    const ctx = canvas.getContext('2d');
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['A', 'B', 'C'],
            datasets: [{
                label: 'Test',
                data: [1, 2, 3],
                backgroundColor: 'red'
            }]
        },
        options: {}
    });
});

if (canvas) {
    const ctx = canvas.getContext('2d');
    const testChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['A','B','C'],
            datasets: [{label: 'Test', data: [1,2,3], backgroundColor: 'red'}]
        }
    });
    console.log(testChart);
}