You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

48 lines
1.2 KiB

​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. "use strict";
  2. $(document).ready(function() {
  3. /*Bar chart*/
  4. var data1 = {
  5. labels: ['jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],
  6. datasets: [{
  7. label: "Sales",
  8. backgroundColor: [
  9. '#fe9365',
  10. '#fe9365',
  11. '#fe9365',
  12. '#fe9365',
  13. '#fe9365',
  14. '#fe9365',
  15. '#fe9365',
  16. '#fe9365',
  17. '#fe9365'
  18. ],
  19. data: [65, 59, 80, 81, 56, 55, 50, 20],
  20. }, {
  21. label: "Expense",
  22. backgroundColor: [
  23. '#01a9ac',
  24. '#01a9ac',
  25. '#01a9ac',
  26. '#01a9ac',
  27. '#01a9ac',
  28. '#01a9ac',
  29. '#01a9ac',
  30. '#01a9ac',
  31. '#01a9ac'
  32. ],
  33. data: [60, 69, 85, 91, 58, 50, 45, 20],
  34. }]
  35. };
  36. var bar = document.getElementById("barChart").getContext('2d');
  37. var myBarChart = new Chart(bar, {
  38. type: 'bar',
  39. data: data1,
  40. options: {
  41. barValueSpacing: 20,
  42. maintainAspectRatio: false,
  43. }
  44. });
  45. });