MediaWiki

CharacterDistribution.js: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
console.log('CharacterDistribution.js läuft');
console.log('CharacterDistribution.js läuft');
const canvas = document.getElementById('testChart');
console.log(canvas);


document.addEventListener('DOMContentLoaded', () => {
document.addEventListener('DOMContentLoaded', () => {
     const canvas = document.getElementById('testChart');
     const canvas = document.getElementById('testChart');
     if (!canvas) return;
     if (!canvas) return; // Abbruch, falls Canvas noch nicht existiert


     const ctx = canvas.getContext('2d');
     const ctx = canvas.getContext('2d');
Line 21: Line 18:
         options: {}
         options: {}
     });
     });
    console.log('Chart sollte jetzt angezeigt werden');
});
});

Latest revision as of 19:21, 31 August 2025

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

document.addEventListener('DOMContentLoaded', () => {
    const canvas = document.getElementById('testChart');
    if (!canvas) return;  // Abbruch, falls Canvas noch nicht existiert

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

    console.log('Chart sollte jetzt angezeigt werden');
});