Epoca 2020
<input class="ajax_refresh aj5e63d7e75102b" value="/socios/includes/pages/utilizador/ranking.php?id=2207&ver=1&card=0" hidden>

<div class="ajax_content" class="d-none"></div>
				<h3 class="m-portlet__head-text">	

					Ranking - Fevereiro / 2020					<select name="class_tipo" class="pull-right selc5e63d7e75102b">
						<option value="geral" selected>Geral</option>
							
							<option value="sexo" >Sexo</option>
							<option value="escalao" >Escalão</option>
											</select>

					<script>
						$('.selc5e63d7e75102b').change(function(){
							$('.aj5e63d7e75102b').val('/socios/includes/pages/utilizador/ranking.php?id=2207&ver=1&card=0&&class_tipo='+$(this).val());
							atualizar();
						})
					</script>
				</h3>
						<div class="row">
			<div class="col-sm-4">
				<p class="m-0">Posições - Pontos - 02 / 2020</p>
				<div class="row no-gutters">
											<hr class="d-none d-sm-block col-12 p-0">
						<div class="col col-sm-12">
							<h4 style="color: #70a83b" class="text-transform">Trail</h4>
							<div><label style="min-width: 100px;">Geral:</label> <big><b>1198º - 232 Pontos</b></big></div>
															<div><label style="min-width: 100px;">Escalão:</label> <big><b>24º - 492 Pontos</b></big></div>
								<div><label style="min-width: 100px;">Sexo:</label> <big><b>989º - 232 Pontos</b></big></div>
													</div>
												<hr class="d-none d-sm-block col-12 p-0">
						<div class="col col-sm-12">
							<h4 style="color: #a1192c" class="text-transform">Ultra</h4>
							<div><label style="min-width: 100px;">Geral:</label> <big><b>721º - 341 Pontos</b></big></div>
															<div><label style="min-width: 100px;">Escalão:</label> <big><b>10º - 739 Pontos</b></big></div>
								<div><label style="min-width: 100px;">Sexo:</label> <big><b>637º - 341 Pontos</b></big></div>
													</div>
												<hr class="d-none d-sm-block col-12 p-0">
						<div class="col col-sm-12">
							<h4 style="color: #5b2280" class="text-transform">Endurance</h4>
							<div><label style="min-width: 100px;">Geral:</label> <big><b>349º - 364 Pontos</b></big></div>
															<div><label style="min-width: 100px;">Escalão:</label> <big><b>7º - 690 Pontos</b></big></div>
								<div><label style="min-width: 100px;">Sexo:</label> <big><b>322º - 364 Pontos</b></big></div>
													</div>
										</div>
			</div>
			<hr class="col-12 d-block d-sm-none p-0">
			<div class="col-sm-8">
				<p>Pontuação</p>
				<hr>
				<div class="position-relative">
					<canvas id="myChart5e63d7e75102b" width="400" height="400"></canvas>
				</div>
			</div>
		</div>
		<div class="rtop10ajax my-4 ajax_page"></div>

		
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.bundle.js"></script>
<script>


	
	$(function(){
		var ctx = document.getElementById("myChart5e63d7e75102b").getContext('2d');
		var myChart5e63d7e75102b = new Chart(ctx, {
			type: 'radar',
			data: {
				labels: ["Mar\u00e7o 2018","Abril 2018","Maio 2018","Junho 2018","Julho 2018","Agosto 2018","Setembro 2018","Outubro 2018","Novembro 2018","Dezembro 2018","Janeiro 2019","Fevereiro 2019","Mar\u00e7o 2019","Abril 2019","Maio 2019","Junho 2019","Julho 2019","Agosto 2019","Setembro 2019","Outubro 2019","Novembro 2019","Dezembro 2019","Janeiro 2020","Fevereiro 2020"],
				datasets: [
				{
					label: "Trail",
					data: ["287","345","345","345","345","287","227","274","232","232","232","232","287","345","345","345","345","287","227","274","232","232","232","232"],
					backgroundColor: "#70a83b1c",
					borderColor: "#70a83b",
					hoverBackgroundColor: "#70a83b",
					pointBorderWidth: 10
				},

				{
					label: "Ultra",
					data: ["315","315","315","338","338","338","338","338","342","342","341","341","315","315","315","338","338","338","338","338","342","342","341","341"],
					backgroundColor: "#a1192c1c",
					borderColor: "#a1192c",
					hoverBackgroundColor: "#a1192c",
					pointBorderWidth: 10
				},

				{
					label: "Endurance",
					data: ["316","316","338","338","338","338","338","338","338","338","338","364","316","316","338","338","338","338","338","338","338","338","338","364"],
					backgroundColor: "#5b22801c",
					borderColor: "#5b2280",
					hoverBackgroundColor: "#5b2280",
					pointBorderWidth: 10
				}

				]
			},
			options: {
				legend: {
					display: true
				},
				scales: {
					xAxes: [{
						display: false,
						ticks: {
							min: 12
						}
					}],
					yAxes: [{
						display: false,
						ticks: {
							min: 12
						}
					}],
				}
			}
		});
	})


</script>