CharacterDistribution.js: Difference between revisions
From Illustrations in German Translations of Mark Twain's Works
No edit summary |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
console.log('CharacterDistribution.js läuft'); | |||
document.addEventListener('DOMContentLoaded', () => { | document.addEventListener('DOMContentLoaded', () => { | ||
const canvas = document.getElementById('testChart'); | |||
if (!canvas) return; // Abbruch, falls Canvas noch nicht existiert | |||
const | |||
if (! | |||
const ctx = canvas.getContext('2d'); | const ctx = canvas.getContext('2d'); | ||
new Chart(ctx, { | new Chart(ctx, { | ||
type: 'bar', | type: 'bar', | ||
| Line 16: | Line 11: | ||
labels: ['A', 'B', 'C'], | labels: ['A', 'B', 'C'], | ||
datasets: [{ | datasets: [{ | ||
label: 'Test | label: 'Test', | ||
data: [ | data: [1, 2, 3], | ||
backgroundColor: | backgroundColor: 'red' | ||
}] | }] | ||
}, | }, | ||
options: { | options: {} | ||
}); | }); | ||
console.log( | 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');
});