"use strict"; $(document).ready(function() { /*Bar chart*/ var data1 = { labels: ['jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'], datasets: [{ label: "Sales", backgroundColor: [ '#ff5252', '#ff5252', '#ff5252', '#ff5252', '#ff5252', '#ff5252', '#ff5252', '#ff5252', '#ff5252' ], data: [65, 59, 80, 81, 56, 55, 50, 45], }, { label: "Expense", backgroundColor: [ '#536dfe', '#536dfe', '#536dfe', '#536dfe', '#536dfe', '#536dfe', '#536dfe', '#536dfe', '#536dfe' ], data: [60, 69, 85, 91, 58, 50, 45, 45], }] }; var bar = document.getElementById("barChart").getContext('2d'); var myBarChart = new Chart(bar, { type: 'bar', data: data1, options: { barValueSpacing: 20, maintainAspectRatio: false, } }); });