MediaWiki

CharacterDistribution.js: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

← Older edit
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
console.log("wgPageName =", mw.config.get('wgPageName'));
console.log('CharacterDistribution.js läuft');
 
document.addEventListener('DOMContentLoaded', () => {
document.addEventListener('DOMContentLoaded', () => {
    // Prüfen, ob wir auf der richtigen Seite sind
     const canvas = document.getElementById('testChart');
    if (mw.config.get('wgPageName') !== 'Wiki/chardist') return;
     if (!canvas) return; // Abbruch, falls Canvas noch nicht existiert
 
 
    // Container suchen
     const container = document.getElementById('chart-placeholder');
     if (!container) {
        console.log("Kein chart-placeholder gefunden.");
        return;
    }
 
    // Canvas hinzufügen
    const canvas = document.createElement('canvas');
    canvas.id = 'testChart';
    container.appendChild(canvas);


     const ctx = canvas.getContext('2d');
     const ctx = canvas.getContext('2d');
    // Minimaler Test-Bar-Chart
     new Chart(ctx, {
     new Chart(ctx, {
         type: 'bar',
         type: 'bar',
Line 25: Line 11:
             labels: ['A', 'B', 'C'],
             labels: ['A', 'B', 'C'],
             datasets: [{
             datasets: [{
                 label: 'Test-Daten',
                 label: 'Test',
                 data: [10, 20, 30],
                 data: [1, 2, 3],
                 backgroundColor: ['red', 'green', 'blue']
                 backgroundColor: 'red'
             }]
             }]
         },
         },
         options: {
         options: {}
            responsive: true,
            plugins: {
                legend: { display: true }
            }
        }
     });
     });


     console.log("Test-Chart initialisiert.");
     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');
});
Retrieved from "https://illus.twainframe.org/index.php?title=MediaWiki:CharacterDistribution.js&oldid=1061"