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 36: Line 36:
     let colors = makeItemsArray('<!--{$colors|default:''}-->');
     let colors = makeItemsArray('<!--{$colors|default:''}-->');
     let dataSeries = makeItemsArray('<!--{$data_series|default:''}-->');
     let dataSeries = makeItemsArray('<!--{$data_series|default:''}-->');
    let legend = '<!--{$legend|default:'yes'}-->';
     let title = '<!--{$title|default:''}-->';
     let title = '<!--{$title|default:''}-->';


Line 41: Line 42:
     title = title.trim();
     title = title.trim();


     function drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, title) {
    if (legend === 'no') {
        legend = false;
    } else {
        legend = true;
    }
 
     function drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, legend, title) {
       //console.log('ctx: ' + ctx);
       //console.log('ctx: ' + ctx);
       //console.log('labels: ' + labels);
       //console.log('labels: ' + labels);
Line 65: Line 72:
           },
           },
           plugins: {
           plugins: {
             legend: { display: false }
             legend: { display: legend }
           }
           }
         }
         }
Line 71: Line 78:
     }
     }


     window.drawPieChart = drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, title);
     window.drawPieChart = drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, legend, title);


   });
   });

Revision as of 11:49, 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

For information on how to use this widget, see ...

Copy to your site

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.