MediaWiki:ChartLoader.js

From MaRDI portal

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
document.addEventListener('DOMContentLoaded', function() {
    var chartContainers = document.querySelectorAll('.wikiChartContainer');
    if (chartContainers.length > 0) {
        var script = document.createElement('script');
        script.src = 'https://cdn.jsdelivr.net/npm/chart.js';
        script.onload = function() {
            chartContainers.forEach(function(container) {
                var chartData = JSON.parse(container.getAttribute('data-chartdata'));
                var canvas = document.createElement('canvas');
                container.appendChild(canvas);
                new Chart(canvas.getContext('2d'), chartData);
            });
        };
        document.head.appendChild(script);
    }
});