Uschuetzenmeister at 19:14, 18 March 2024

2024-03-18T19:14:59Z

← Older revision		Revision as of 19:14, 18 March 2024
Line 22:		Line 22:
	// defer script execution until the mediawiki loader and jQuery are available		// defer script execution until the mediawiki loader and jQuery are available
	RLQ.push([[], function () {		RLQ.push([[], function () {
	mw.loader.using('ext.iswiki.~~chartjs_doughnut~~').then(function(){		mw.loader.using('ext.iswiki.chartjs').then(function(){
	const ctx = document.getElementById('<!--{$ID\|escape:'html'}-->');		const ctx = document.getElementById('<!--{$ID\|escape:'html'}-->');

Uschuetzenmeister: Created page with "NOTOC This widget allows you to add ... widget to your wiki page. Created by [idea-sketch.com idea-sketch.com] == Using this widget == For information on how to use this widget, see ... == Copy to your site == To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAM..."

2024-03-01T08:29:12Z

Created page with "<noinclude>__NOTOC__ This widget allows you to add ... widget to your wiki page. Created by [idea-sketch.com idea-sketch.com] == Using this widget == For information on how to use this widget, see ... == Copy to your site == To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAM..."

New page

<noinclude>__NOTOC__
This widget allows you to add ... widget to your wiki page.

Created by [idea-sketch.com idea-sketch.com]

== Using this widget ==
For information on how to use this widget, see ...
== Copy to your site ==
To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAME}}'''.
</noinclude>
<includeonly>





<div>
<canvas id=""></canvas>
</div>
<script>

// defer script execution until the mediawiki loader and jQuery are available
RLQ.push([[], function () {
mw.loader.using('ext.iswiki.chartjs_doughnut').then(function(){
const ctx = document.getElementById('');

new Chart(ctx, {
type: 'bubble',
data: {
labels: "Africa",
datasets: [
{
label: ["China"],
backgroundColor: "rgba(255,221,50,0.2)",
borderColor: "rgba(255,221,50,1)",
data: [{
x: 21269017,
y: 5.245,
r: 15
}]
}, {
label: ["Denmark"],
backgroundColor: "rgba(60,186,159,0.2)",
borderColor: "rgba(60,186,159,1)",
data: [{
x: 258702,
y: 7.526,
r: 10
}]
}, {
label: ["Germany"],
backgroundColor: "rgba(0,0,0,0.2)",
borderColor: "#000",
data: [{
x: 3979083,
y: 6.994,
r: 15
}]
}, {
label: ["Japan"],
backgroundColor: "rgba(193,46,12,0.2)",
borderColor: "rgba(193,46,12,1)",
data: [{
x: 4931877,
y: 5.921,
r: 15
}]
}
]
},
options: {
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}, scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: "Happiness"
}
}],
xAxes: [{
scaleLabel: {
display: true,
labelString: "GDP (PPP)"
}
}]
}
}
});

});
}]);
</script>
</includeonly>

Widget:Chartjs bubble - Revision history

Uschuetzenmeister at 19:14, 18 March 2024