MediaWiki:CharacterDistribution.js - Revision history

HMHTEST at 18:21, 31 August 2025

2025-08-31T18:21:59Z

← Older revision		Revision as of 20:21, 31 August 2025
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');
	});		});

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

HMHTEST at 18:21, 31 August 2025

2025-08-31T18:21:26Z

← Older revision		Revision as of 20:21, 31 August 2025
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);
			}

HMHTEST at 18:21, 31 August 2025

2025-08-31T18:21:03Z

← Older revision		Revision as of 20:21, 31 August 2025
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', () => {

HMHTEST at 18:20, 31 August 2025

2025-08-31T18:20:45Z

← Older revision		Revision as of 20:20, 31 August 2025
Line 1:		Line 1:
			console.log('CharacterDistribution.js läuft');


	document.addEventListener('DOMContentLoaded', () => {		document.addEventListener('DOMContentLoaded', () => {
	const canvas = document.getElementById('testChart');		const canvas = document.getElementById('testChart');

HMHTEST at 18:18, 31 August 2025

2025-08-31T18:18:47Z

← Older revision		Revision as of 20:18, 31 August 2025
Line 1:		Line 1:
	document.addEventListener('DOMContentLoaded', () => {		document.addEventListener('DOMContentLoaded', () => {
	~~// Container auf der Seite finden~~		const canvas = document.getElementById('testChart');
	const ~~container~~ = document.getElementById('~~chart-placeholder~~');		if (!canvas) return;
	if (!~~container~~) return~~; // Abbruch, falls Container nicht gefunden~~

	~~// Canvas erzeugen und an Container anhängen~~
	~~const canvas = document.createElement('canvas');~~
	~~canvas.id = 'testChart';~~
	~~canvas.width = 800;~~
	~~canvas.height = 400;~~
	~~container.appendChild(canvas)~~;

	const ctx = canvas.getContext('2d');		const ctx = canvas.getContext('2d');
			new Chart(ctx, {
	~~// Minimaler Balken-~~Chart
	~~const data = {~~
	~~labels: ['A', 'B', 'C', 'D'],~~
	~~datasets: [{~~
	~~label: 'Test-Daten',~~
	~~data: [10~~, ~~20, 30, 25],~~
	~~backgroundColor: ['red', 'blue', 'green', 'orange'],~~
	~~borderColor: ['red', 'blue', 'green', 'orange'],~~
	~~borderWidth: 1~~
	}]
	};

	~~const config =~~ {
	type: 'bar',		type: 'bar',
	data~~: data,~~		data: {
	~~options~~: {		labels: ['A', 'B', 'C'],
	~~responsive~~: ~~true~~,		datasets: [{
	~~plugins~~: { ~~legend: { display~~: ~~true } }~~,		label: 'Test',
	~~scales~~: {		data: [1, 2, 3],
	~~y: { beginAtZero~~: ~~true }~~		backgroundColor: 'red'
	}		}]
	}		},
	};		options: {}
			});
	~~new Chart(ctx, config~~);
	});		});

HMHTEST at 18:09, 31 August 2025

2025-08-31T18:09:41Z

← Older revision		Revision as of 20:09, 31 August 2025
Line 1:		Line 1:
	~~console.log("CharacterDistribution.js geladen, wgPageName =", mw.config.get('wgPageName'));~~


	document.addEventListener('DOMContentLoaded', () => {		document.addEventListener('DOMContentLoaded', () => {
	~~if (mw.config.get('wgPageName') !== 'Wiki~~/~~chardist') return;~~		// Container auf der Seite finden

	const container = document.getElementById('chart-placeholder');		const container = document.getElementById('chart-placeholder');
	if (!container) return;		if (!container) return; // Abbruch, falls Container nicht gefunden

			// Canvas erzeugen und an Container anhängen
	const canvas = document.createElement('canvas');		const canvas = document.createElement('canvas');
	canvas.id = 'testChart';		canvas.id = 'testChart';
			canvas.width = 800;
			canvas.height = 400;
	container.appendChild(canvas);		container.appendChild(canvas);

	const ctx = canvas.getContext('2d');		const ctx = canvas.getContext('2d');

	~~new~~ Chart~~(ctx~~, {		// Minimaler Balken-Chart
			const data = {
			labels: ['A', 'B', 'C', 'D'],
			datasets: [{
			label: 'Test-Daten',
			data: [10, 20, 30, 25],
			backgroundColor: ['red', 'blue', 'green', 'orange'],
			borderColor: ['red', 'blue', 'green', 'orange'],
			borderWidth: 1
			}]
			};

			const config = {
	type: 'bar',		type: 'bar',
	data: {		data: data,
	~~labels~~: ~~['A', 'B', 'C']~~,		options: {
	~~datasets~~: [{		responsive: true,
	~~label~~: ~~'Test-Daten'~~,		plugins: { legend: { display: true } },
	~~data~~: ~~[10, 20, 30],~~		scales: {
	~~backgroundColor~~: ~~['red', 'green', 'blue']~~		y: { beginAtZero: true }
	}]		}
	},		}
	~~options: { responsive: true~~ }		};
	});

	~~console.log~~(~~"Test-Chart initialisiert."~~);		new Chart(ctx, config);
	});		});

HMHTEST at 18:01, 31 August 2025

2025-08-31T18:01:41Z

← Older revision		Revision as of 20:01, 31 August 2025
Line 1:		Line 1:
			console.log("CharacterDistribution.js geladen, wgPageName =", mw.config.get('wgPageName'));


	document.addEventListener('DOMContentLoaded', () => {		document.addEventListener('DOMContentLoaded', () => {
	if (mw.config.get('wgPageName') !== 'Wiki/chardist') return;		if (mw.config.get('wgPageName') !== 'Wiki/chardist') return;

HMHTEST at 17:58, 31 August 2025

2025-08-31T17:58:53Z

← Older revision		Revision as of 19:58, 31 August 2025
Line 1:		Line 1:
	~~console.log("wgPageName =", mw.config.get('wgPageName'));~~
	document.addEventListener('DOMContentLoaded', () => {		document.addEventListener('DOMContentLoaded', () => {
	~~// Prüfen, ob wir auf der richtigen Seite sind~~
	if (mw.config.get('wgPageName') !== 'Wiki/chardist') return;		if (mw.config.get('wgPageName') !== 'Wiki/chardist') return;


	~~// Container suchen~~
	const container = document.getElementById('chart-placeholder');		const container = document.getElementById('chart-placeholder');
	if (!container) {		if (!container) return;
	~~console.log("Kein chart-placeholder gefunden.");~~
	return;
	}

	~~// Canvas hinzufügen~~
	const canvas = document.createElement('canvas');		const canvas = document.createElement('canvas');
	canvas.id = 'testChart';		canvas.id = 'testChart';
Line 19:		Line 11:
	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 30:		Line 21:
	}]		}]
	},		},
	options: {		options: { responsive: true }
	responsive: true,
	~~plugins: {~~
	~~legend: { display: true }~~
	}
	}
	});		});

	console.log("Test-Chart initialisiert.");		console.log("Test-Chart initialisiert.");
	});		});

HMHTEST at 17:57, 31 August 2025

2025-08-31T17:57:24Z

Show changes

HMHTEST at 17:53, 31 August 2025

2025-08-31T17:53:55Z

← Older revision		Revision as of 19:53, 31 August 2025
Line 1:		Line 1:
	document.addEventListener('DOMContentLoaded', () => {		document.addEventListener('DOMContentLoaded', () => {
	// Nur auf /Wiki/chardist ausführen		// Nur auf /Wiki/chardist ausführen
	if (mw.config.get('wgPageName') !== 'chardist') return;		if (mw.config.get('wgPageName') !== 'https://illus.twainframe.org/Wiki/chardist') return;

	// Stelle sicher, dass der Platzhalter existiert		// Stelle sicher, dass der Platzhalter existiert