Template:Chart line

From Visual Data Wiki
Revision as of 08:14, 1 March 2024 by Uschuetzenmeister (talk | contribs) (Created page with "{{Widget:Chartjs line}}")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search


 <canvas id=""></canvas>

<script>

// defer script execution until the mediawiki loader and jQuery are available RLQ.push([[], function () { mw.loader.using('ext.iswiki.chartjs').then(function(){ const ctx = document.getElementById();

new Chart(ctx, { type: 'line',

 data: {
   labels: [1500,'Test',1700,1750,1800,1850,1900,1950,1999,2050],
   datasets: [{ 
       data: [86,114,106,106,107,111,133,221,783,2478],
       label: "Africa",
       borderColor: "#3e95cd",
       fill: false
     }, { 
       data: [282,350,411,502,635,809,947,1402,3700,5267],
       label: "Asia",
       borderColor: "#8e5ea2",
       fill: false
     }, { 
       data: [168,170,178,190,203,276,408,547,675,734],
       label: "Europe",
       borderColor: "#3cba9f",
       fill: false
     }, { 
       data: [40,20,10,16,24,38,74,167,508,784],
       label: "Latin America",
       borderColor: "#e8c3b9",
       fill: false
     }, { 
       data: [6,3,2,2,7,26,82,172,312,433],
       label: "North America",
       borderColor: "#c45850",
       fill: false
     }
   ]
 },
 options: {
   responsive: true,
   title: {
     display: true,
     text: 'World population per region (in millions)'
   }
 }

})



}); }]); </script>