| 
									
										
										
										
											2021-03-10 01:20:27 +08:00
										 |  |  | $.ajax({ | 
					
						
							|  |  |  | 	url: base_url+'index.php/dayswithqso/get_days', | 
					
						
							|  |  |  | 	success: function(data) { | 
					
						
							|  |  |  | 		var labels = []; | 
					
						
							|  |  |  | 		var dataDxcc = []; | 
					
						
							|  |  |  | 		$.each(data, function(){ | 
					
						
							|  |  |  | 			labels.push(this.Year); | 
					
						
							|  |  |  | 			dataDxcc.push(this.Days); | 
					
						
							|  |  |  | 		}); | 
					
						
							|  |  |  | 		var ctx = document.getElementById("myChartDiff").getContext('2d'); | 
					
						
							| 
									
										
										
										
											2021-09-11 00:53:24 +08:00
										 |  |  | 		var color = ifDarkModeThemeReturn('white', 'grey'); | 
					
						
							| 
									
										
										
										
											2021-03-10 01:20:27 +08:00
										 |  |  | 		var myChart = new Chart(ctx, { | 
					
						
							|  |  |  | 			type: 'bar', | 
					
						
							|  |  |  | 			data: { | 
					
						
							|  |  |  | 				labels: labels, | 
					
						
							|  |  |  | 				datasets: [{ | 
					
						
							|  |  |  | 					label: 'Days with QSOs', | 
					
						
							|  |  |  | 					data: dataDxcc, | 
					
						
							|  |  |  | 					backgroundColor: 'rgba(54, 162, 235, 0.2)', | 
					
						
							|  |  |  | 					borderColor: 'rgba(54, 162, 235, 1)', | 
					
						
							|  |  |  | 					borderWidth: 2 | 
					
						
							|  |  |  | 				}] | 
					
						
							|  |  |  | 			}, | 
					
						
							|  |  |  | 			options: { | 
					
						
							|  |  |  | 				scales: { | 
					
						
							|  |  |  | 					yAxes: [{ | 
					
						
							|  |  |  | 						ticks: { | 
					
						
							| 
									
										
										
										
											2021-09-11 00:53:24 +08:00
										 |  |  | 							beginAtZero:true, | 
					
						
							|  |  |  | 							fontColor: color | 
					
						
							|  |  |  | 						} | 
					
						
							|  |  |  | 					}], | 
					
						
							|  |  |  | 					xAxes: [{ | 
					
						
							|  |  |  | 						ticks: { | 
					
						
							|  |  |  | 							fontColor: color | 
					
						
							| 
									
										
										
										
											2021-03-10 01:20:27 +08:00
										 |  |  | 						} | 
					
						
							|  |  |  | 					}] | 
					
						
							|  |  |  | 				}, | 
					
						
							| 
									
										
										
										
											2021-09-11 00:53:24 +08:00
										 |  |  | 				legend: { | 
					
						
							|  |  |  | 					labels: { | 
					
						
							|  |  |  | 						fontColor: color | 
					
						
							|  |  |  | 					} | 
					
						
							|  |  |  | 				} | 
					
						
							| 
									
										
										
										
											2021-03-10 01:20:27 +08:00
										 |  |  | 			} | 
					
						
							|  |  |  | 		}); | 
					
						
							|  |  |  | 	} | 
					
						
							|  |  |  | }); |