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 |
||
| (38 intermediate revisions by the same user not shown) | |||
| Line 23: | Line 23: | ||
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 makeItemsArray(itemString) { | function makeItemsArray(itemString) { | ||
let itemsArray = itemString.split(","); | let itemsArray = itemString.split(","); | ||
| Line 34: | Line 33: | ||
let labels = makeItemsArray('<!--{$data_labels|default:''}-->'); | let labels = makeItemsArray('<!--{$data_labels|default:''}-->'); | ||
let dataIdentifier = '<!--{$data_identifier|default:''}-->'; | let dataIdentifier = '<!--{$data_identifier|default:''}-->'; | ||
let colors = makeItemsArray('<!--{$colors|default:''}-->'); | let colors = makeItemsArray('<!--{$colors|default:'#36a2eb, #ff6384, #4bc0c0, #ff9f40, #9966ff, #ffcd56, #c9cbcf'}-->'); | ||
let dataSeries = makeItemsArray('<!--{$data_series|default:''}-->'); | let dataSeries = makeItemsArray('<!--{$data_series|default:''}-->'); | ||
let legend = '<!--{$legend|default:'yes'}-->'; | let legend = '<!--{$legend|default:'yes'}-->'; | ||
| Line 52: | Line 51: | ||
//console.log('labels: ' + labels); | //console.log('labels: ' + labels); | ||
//console.log('dataIdentifier: ' + dataIdentifier); | //console.log('dataIdentifier: ' + dataIdentifier); | ||
console.log('colors: ' + colors); | |||
//console.log('dataSeries: ' + dataSeries); | //console.log('dataSeries: ' + dataSeries); | ||
//console.log('title: ' + title); | //console.log('title: ' + title); | ||
| Line 66: | Line 65: | ||
}, | }, | ||
options: { | options: { | ||
maintainAspectRatio: false, | |||
responsive: true, | responsive: true, | ||
title: { | title: { | ||
Latest revision as of 13:51, 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.