Estoy haciendo una gráfica con chartjs :http://www.chartjs.org/docs/
El problema que tengo es que, en este caso tengo 3 columnas, y el valor de la menor es un 2 entonces la gráfica empieza en 2 en vez de en 0, por lo tanto una de las columnas no es visible... :
<script type="text/javascript">
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]; $count++;} ?>],
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]; $count2++;} ?>],
options: {
scales: {
yAxes: [{
beginAtZero: true
}]
}
}
}],
}
});
</script>
He visto en la documentación hay una opción que es beginAtZero pero no me funciona ni al ponerlo en yAxes ni en xAxes
Cómo puedo evitar esto?