Widget:Chartjs doughnut: Difference between revisions

From Visual Data Wiki
Jump to navigation Jump to search
No edit summary
Tags: Reverted 2017 source edit
No edit summary
Tags: Manual revert 2017 source edit
 
(3 intermediate revisions by the same user not shown)
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);
 
new Chart(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>

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]

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.