Widget:Chartjs doughnut - Revision history

Uschuetzenmeister at 19:24, 18 March 2024

2024-03-18T19:24:47Z

@@ Line 21: / Line 21: @@
 // defer script execution until the mediawiki loader and jQuery are available
 RLQ.push([[], function () {
-// mw.loader.using('ext.iswiki.chartjs_doughnut').then(function(){
+mw.loader.using('ext.iswiki.chartjs_doughnut').then(function(){
 const ctx = document.getElementById('<!--{$ID|escape:'html'}-->');
-// drawDonutChart(ctx);
+drawDonutChart(ctx);
 });
 }]);
 </script>
 </includeonly>

2024-03-18T19:20:49Z

2024-03-18T19:19:36Z

← Older revision		Revision as of 19:19, 18 March 2024
Line 26:		Line 26:
	// drawDonutChart(ctx);		// drawDonutChart(ctx);

	new Chart(~~document.getElementById("pie-chart"~~), {		new Chart(ctx), {
	type: 'pie',		type: 'pie',
	data: {		data: {

2024-03-18T19:18:58Z

← Older revision		Revision as of 19:18, 18 March 2024
Line 26:		Line 26:
	// drawDonutChart(ctx);		// drawDonutChart(ctx);

	new Chart(~~ctx~~, {		new Chart(document.getElementById("pie-chart"), {
	~~const~~ data = {		type: 'pie',
	labels: [		data: {
	~~'Red'~~,		labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
	~~'Blue'~~,		datasets: [{
	~~'Yellow'~~		label: "Population (millions)",
	],		backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
	datasets: [{		data: [2478,5267,734,784,433]
	label: ~~'My First Dataset'~~,		}]
	~~data~~: [~~300~~, 50, ~~100~~],		},
	~~backgroundColor~~: [		options: {
	~~'rgb(255~~, 99, ~~132)'~~,		title: {
	~~'rgb(54~~, ~~162, 235)'~~,		display: true,
	'~~rgb~~(~~255, 205, 86~~)'		text: 'Predicted world population (millions) in 2050'
	],		}
	~~hoverOffset: 4~~		}
	}]		});
	};

	~~new Chart(ctx, {~~
	~~type: 'doughnut',~~
	~~data: data,~~
	})
	}
	});		});
	}]);		}]);
	</script>		</script>
	</includeonly>		</includeonly>

2024-03-18T19:17:18Z

← Older revision		Revision as of 19:17, 18 March 2024
Line 25:		Line 25:
	const ctx = document.getElementById('<!--{$ID\|escape:'html'}-->');		const ctx = document.getElementById('<!--{$ID\|escape:'html'}-->');
	// drawDonutChart(ctx);		// drawDonutChart(ctx);
	~~function drawDonutChart~~(ctx) {
			new Chart(ctx, {
	const data = {		const data = {
	labels: [		labels: [

2024-03-18T19:12:06Z

@@ Line 21: / Line 21: @@
 // defer script execution until the mediawiki loader and jQuery are available
 RLQ.push([[], function () {
-mw.loader.using('ext.iswiki.chartjs_doughnut').then(function(){
+// mw.loader.using('ext.iswiki.chartjs_doughnut').then(function(){
 const ctx = document.getElementById('<!--{$ID|escape:'html'}-->');
-drawDonutChart(ctx);
+// drawDonutChart(ctx);
 });
 }]);
 </script>
 </includeonly>

2024-02-29T21:04:22Z

← Older revision		Revision as of 21:04, 29 February 2024
Line 10:		Line 10:
	</noinclude>		</noinclude>
	<includeonly>		<includeonly>
	~~Test <!--{counter}-->~~
	<!--{counter name="counterDonut" assign="countDonut"}-->		<!--{counter name="counterDonut" assign="countDonut"}-->
	<!--{math equation='rand(0,1000)' assign="randomValue"}-->		<!--{math equation='rand(0,1000)' assign="randomValue"}-->
Line 28:		Line 27:
	}]);		}]);
	</script>		</script>
			</includeonly>

2024-02-29T20:19:41Z

2024-02-29T20:14:08Z

← Older revision		Revision as of 20:14, 29 February 2024
Line 10:		Line 10:
	</noinclude>		</noinclude>
	<includeonly>		<includeonly>
	Test {counter}		Test <!--{counter}-->
	<!--{counter name="counterDonut" assign="countDonut"}-->		<!--{counter name="counterDonut" assign="countDonut"}-->
	<!--{math equation='rand(0,1000)' assign="randomValue"}-->		<!--{math equation='rand(0,1000)' assign="randomValue"}-->

2024-02-29T20:13:48Z

← Older revision		Revision as of 20:13, 29 February 2024
Line 10:		Line 10:
	</noinclude>		</noinclude>
	<includeonly>		<includeonly>
	Test ~~<!--~~{counter}~~-->~~		Test {counter}
	<!--{counter name="counterDonut" assign="countDonut"}-->		<!--{counter name="counterDonut" assign="countDonut"}-->
	<!--{math equation='rand(0,1000)' assign="randomValue"}-->		<!--{math equation='rand(0,1000)' assign="randomValue"}-->