Widget:Chartjs pie: Difference between revisions

Revision as of 08:07, 19 March 2024

This widget allows you to add ... widget to your wiki page.

Created by [idea-sketch.com idea-sketch.com]

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

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.

@@ Line 25: / Line 25: @@
 function makeItemArray(itemString) {
-   var itemArray = itemString.split(", ");
+   let itemArray = itemString.split(", ");
    for (var i = 0; i< itemArray.length; i++) {
      itemArray[i] = itemArray[i].trim();
@@ Line 32: / Line 32: @@
 }
-var labels = makeItemArray('<!--{$data_labels|default:''}-->');
+let labels = makeItemArray('<!--{$data_labels|default:''}-->');
-var colors = makeItemArray('<!--{$colors|default:''}-->');
+let dataIdentifier = '<!--{$data_identifier|default:''}-->';
+let colors = makeItemArray('<!--{$colors|default:''}-->');
+let dataSeries = makeAItemArray('<!--{$data_series|default:''}-->');
+let title = '<!--{$title|default:''}-->';
+function drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, title) {
 new Chart(ctx, {
      type: 'pie',
@@ Line 40: / Line 44: @@
        labels: labels,
        datasets: [{
-         label: "<!--{$data_identifier|default:''}-->",
+         label: dataIdentifier,
          backgroundColor: colors,
-         data: [<!--{$data_series|default:''}-->]
+         data: dataSeries
        }]
      },
@@ Line 48: / Line 52: @@
        title: {
          display: true,
-         text: '<!--{$title|default:''}-->'
+         text: title
        }
      }
 });
+window.drawPieChart = drawPieChart(ctx, labels, dataIdentifier, colors, dataSeries, title);
 });