Widget:Chartjs pie: Difference between revisions

From Visual Data Wiki
Jump to navigation Jump to search
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
Line 24: Line 24:
const ctx = document.getElementById('<!--{$ID|escape:'html'}-->');
const ctx = document.getElementById('<!--{$ID|escape:'html'}-->');


var dataLabels = Africa1, Asia, Europe, Latin America, North America;
var dataLabels = "Africa1, Asia, Europe, Latin America, North America";
var labels = dataLabels.split(", ");  
var labels = dataLabels.split(", ");  
for (var i = 0; i < labels.length; i++) {
for (var i = 0; i < labels.length; i++) {
Line 30: Line 30:
console.log(labels[i]);
console.log(labels[i]);
}
}
transformedLabels = labels.join(", ")


new Chart(ctx, {
new Chart(ctx, {
     type: 'pie',
     type: 'pie',
     data: {
     data: {
       labels: [labels],
       labels: [transformedLabels],
       datasets: [{
       datasets: [{
         label: "<!--{$data_identifier|default:''}-->",
         label: "<!--{$data_identifier|default:''}-->",

Revision as of 20:51, 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 pie.