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
 
(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('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.