Tengo el siguiente código
var ctx = document.getElementById('myChart').getContext("2d");
var chart = new Chart(ctx, {
type: 'horizontalBar',
data: {
labels:['uno','dos','tres','cuatro','cinco','seis','siete','ocho','nueve','diez'],
datasets: [{
label: "Resultado",
backgroundColor: 'lightblue',
data: [3, 6, 4, 4, 3, 6, 5, 4, 6, 2],
},
{
label: "Perfil",
backgroundColor: "lightpink",
data: [2, 3, 4, 6, 7, 5, 4, 3, 8, 2]
}
]
},
options: {
scales: {
xAxes: [{
autoSkip: false,
ticks: {
suggestedMin: 0,
suggestedMax: 11,
autoSkip: false
}
}]
}
}
});
<canvas id="myChart"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>
Pero hay errores con lo que paso en options :
suggestedMin: 0
: Esto sólo funciona si elimino suggestedMax: 11,
suggestedMax: 11
: esto sólo funciona si elimino suggestedMin: 0
autoSkip:false
: Esto sólo funciona cuando uno de los dos anteriores no está.
¿Cómo puedo solucionarlo?