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