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
 
(One intermediate revision 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), {
    type: 'pie',
    data: {
      labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
      datasets: [{
        label: "Population (millions)",
        backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
        data: [2478,5267,734,784,433]
      }]
    },
    options: {
      title: {
        display: true,
        text: 'Predicted world population (millions) in 2050'
      }
    }
});
 
 
});
});
}]);
}]);
</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.