MediaWiki:CharacterDistribution.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('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);
}