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[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.