Widget:Chartjs doughnut: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: 2017 source edit |
No edit summary Tags: Reverted 2017 source edit |
||
| Line 21: | Line 21: | ||
// 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_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'}-->'); | ||
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> | </script> | ||
</includeonly> | </includeonly> | ||
Revision as of 19:12, 18 March 2024
This widget allows you to add ... widget to your wiki page.
Created by [idea-sketch.com idea-sketch.com]
Using this widget[edit source]
For information on how to use this widget, see ...
Copy to your site[edit source]
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.