49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
|
(function($) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
var ctx = document.getElementById("growthChart").getContext('2d');
|
||
|
|
|
||
|
|
var myChart = new Chart(ctx, {
|
||
|
|
type: 'line',
|
||
|
|
data: {
|
||
|
|
labels: ["Jan 21", "Feb 21", "Mar 21", "Apr 21", "May 21", "Jun 21", "Jul 21", "Aug 21", "Sep 12", "Oct 21"],
|
||
|
|
datasets: [{
|
||
|
|
label: 'Uploads', // Name the series
|
||
|
|
data: [2, 50, 45, 65, 63, 56, 50, 35, 28, 45], // Specify the data values array
|
||
|
|
fill: false,
|
||
|
|
borderColor: '#2196f3', // Add custom color border (Line)
|
||
|
|
backgroundColor: '#2196f3', // Add custom color background (Points and Fill)
|
||
|
|
borderWidth: 1 // Specify bar border width
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Earnings',
|
||
|
|
data: [20, 58, 32, 78, 56, 89, 87, 96, 92, 100],
|
||
|
|
fill: false,
|
||
|
|
borderColor: '#ff6191',
|
||
|
|
backgroundColor: '#ff6191',
|
||
|
|
borderWidth: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Sales',
|
||
|
|
data: [20, 25, 10, 35, 45, 32, 78, 56, 89, 87],
|
||
|
|
fill: false,
|
||
|
|
borderColor: '#33317d',
|
||
|
|
backgroundColor: '#33317d',
|
||
|
|
borderWidth: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Returns',
|
||
|
|
data: [2, 7, 4, 10, 5, 3, 2, 8, 3, 4],
|
||
|
|
fill: false,
|
||
|
|
borderColor: '#f79165',
|
||
|
|
backgroundColor: '#f79165',
|
||
|
|
borderWidth: 1
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
responsive: true, // Instruct chart js to respond nicely.
|
||
|
|
maintainAspectRatio: false, // Add to prevent default behaviour of full-width/height
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})(jQuery);
|