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 22: | Line 22: | ||
RLQ.push([[], function () { | RLQ.push([[], function () { | ||
mw.loader.using('ext.iswiki.chartjs').then(function(){ | mw.loader.using('ext.iswiki.chartjs').then(function(){ | ||
const ctx = document.getElementById('<!--{$ID|escape:'html'}-->'); | const ctx = document.getElementById('<!--{$ID|escape:'html'}-->'); | ||
function wrapItems(items) { | |||
var itemList = items.split(", "); | |||
for (var i = 0; i < itemList.length; i++) { | |||
itemList[i] = '"' + itemList[i] + '"'; | |||
console.log(itemList[i]); | |||
} | |||
return itemList.join(", "); | |||
} | |||
var labels = wrapItems(<!--{$data_labels|default:''}-->); | |||
new Chart(ctx, { | new Chart(ctx, { | ||
type: 'pie', | type: 'pie', | ||
data: { | data: { | ||
labels: [ | labels: [labels], | ||
datasets: [{ | datasets: [{ | ||
label: "<!--{$data_identifier|default:''}-->", | label: "<!--{$data_identifier|default:''}-->", | ||
Revision as of 20:59, 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.