Widget:Chartjs pie: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| Line 25: | Line 25: | ||
function makeItemArray(itemString) { | function makeItemArray(itemString) { | ||
let itemArray = itemString.split(", "); | |||
for (var i = 0; i< itemArray.length; i++) { | for (var i = 0; i< itemArray.length; i++) { | ||
itemArray[i] = itemArray[i].trim(); | itemArray[i] = itemArray[i].trim(); | ||
| Line 32: | Line 32: | ||
} | } | ||
let labels = makeItemArray('<!--{$data_labels|default:''}-->'); | |||
let dataIdentifier = '<!--{$data_identifier|default:''}-->'; | |||
let colors = makeItemArray('<!--{$colors|default:''}-->'); | |||
let dataSeries = makeAItemArray('<!--{$data_series|default:''}-->'); | |||
let title = '<!--{$title|default:''}-->'; | |||
function drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, title) { | |||
new Chart(ctx, { | new Chart(ctx, { | ||
type: 'pie', | type: 'pie', | ||
| Line 40: | Line 44: | ||
labels: labels, | labels: labels, | ||
datasets: [{ | datasets: [{ | ||
label: | label: dataIdentifier, | ||
backgroundColor: colors, | backgroundColor: colors, | ||
data: | data: dataSeries | ||
}] | }] | ||
}, | }, | ||
| Line 48: | Line 52: | ||
title: { | title: { | ||
display: true, | display: true, | ||
text: | text: title | ||
} | } | ||
} | } | ||
}); | }); | ||
window.drawPieChart = drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, title); | |||
}); | }); | ||
Revision as of 08:07, 19 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.