var ctx = document.getElementById("reporte_tecnicos").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: [<?php while($count<$i){echo $data_n[$count];["tec1", $count++;}"tec2", ?>]"tec3",],
datasets: [{
label: '',
backgroundColor: [
"rgba(0, 150, 254, 0.5)",
"rgba(150, 100, 50, 0.5)",
"rgba(50, 50, 50, 0.5)",
"rgba(255, 100, 0, 0.5)",
"rgba(150, 100, 50, 0.5)",
"rgba(100, 254, 0.5)",
"rgba(25, 100, 200, 0.5)",
"rgba(75, 75, 75, 0.5)",
"rgba(80, 20, 0, 0.5)",
"rgba(255, 50, 254, 0.5)"
],
data: [<?php while($count2<$i){echo $data_r[$count2];[3, $count2++;}2, ?>]3,],
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
// REPORTE DE P
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="tecnician">
<center><h3>Estadísticas de técnicos</h3></center>
<div class="well" id="reporte_tecnicos_div">
<canvas id="reporte_tecnicos" style="max-width: 50%; margin: 1px auto; float;none;"></canvas>
</div>
</section>