Widget:Chartjs doughnut: Difference between revisions

Latest revision as of 19:24, 18 March 2024

This widget allows you to add ... widget to your wiki page.

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

For information on how to use this widget, see ...

To use this widget on your site, just install MediaWiki Widgets extension and copy the full source code of this page to your wiki as page Widget:Chartjs doughnut.

@@ 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(){
-mw.loader.using('ext.iswiki.chartjs').then(function(){
 const ctx = document.getElementById('<!--{$ID|escape:'html'}-->');
-// drawDonutChart(ctx);
+drawDonutChart(ctx);
-function drawDonutChart(ctx) {
-const data = {
-labels: [
-'Red',
-'Blue',
-'Yellow'
-],
-datasets: [{
-label: 'My First Dataset',
-data: [300, 50, 100],
-backgroundColor: [
-'rgb(255, 99, 132)',
-'rgb(54, 162, 235)',
-'rgb(255, 205, 86)'
-],
-hoverOffset: 4
-}]
-};
-new Chart(ctx, {
-type: 'doughnut',
-data: data,
-})
-}
 });
 }]);
 </script>
 </includeonly>