01.$(document).ready(function() {
02.
03. $.ajax({
04. url:"fetch.php",
05. type:"GET",
06. success:function(data) {
07. console.log(data);
08. var job = [];
09. var name = [];
10. var datejob = [];
11. var countjob = [];
12. for(var i in data) {
13. name.push("" + data[i].by);
14. job.push(data[i].job);
15. datejob.push(data[i].date);
16. countjob.push(data[i].count_job);
17. }
18.
19. var chartdata = {
20. labels: name,
21. datasets:
22. [
23. {
24. label: 'JOB DAIRY',
25. fill: false,
26. backgroundColor: chartColors.green,
27. borderColor: chartColors.green,
28. hoverBackgroundColor: chartColors.green,
29. hoverBorderColor: chartColors.green,
30. data: countjob,
31. },
32. ]
33. };
34.
35. var ctx = $('#graphCanvas');
36. var barGraph = new Chart(ctx, {
37. type: 'bar',
38. data: chartdata
39.
40. })
41. },
42. error:function(data) {
43. console.log(data);
44. }
45. })
46. });
47. window.chartColors = {
48. red: 'rgb(255, 99, 132)',
49. orange: 'rgb(255, 159, 64)',
50. yellow: 'rgb(255, 205, 86)',
51. green: 'rgb(75, 192, 192)',
52. blue: 'rgb(54, 162, 235)',
53. purple: 'rgb(153, 102, 255)',
54. gold: 'rgb(248,193,28)',
55. grey: 'rgb(201, 203, 207)'
56. };
