Fiz um gráfico em javascript usando o CHARTJS, li toda a documentação mas não faço ideia de como inicializar a animação do gráfico(ao ser criado, não após uma dada atualização) do seu eixo X, ele só é gerado com uma animação no eixo Y que o gráfico vai subindo. Gostaria de saber como fazer para o gráfico que for gerado ser animado a partir desse eixo X.
Meu gráfico:
let chart = new Chart(grafico,{
type:'line',
data:{
labels:rodadas,
datasets:[
{
label:'Mansos',
data:mansos,
backgroundColor: random_rgba(),
borderColor: 'black',
borderWidth:1,
},//FIM PRIMEIRO DATASET
{
label:'Putos',
data:putos,
backgroundColor: random_rgba(),
borderColor: 'black',
borderWidth: 1,
}//FIM SEGUNDO DATASET
]
}, //FIM DATA
options:{
responsive:true,
maintainAspectRatio:false,
elements:{
line:{
tension:0,
}//FIM LINE
},//FIM ELEMENTS
title:{
display:true,
text:'População diaria',
position: 'left',
fontColor:'grey',
fontSize: 17,
fontFamily: 'Courier New',
}, //FIM TITLE
scales:{
yAxes:[{
display:true,
ticks:{
beginAtZero:true,
min:0,
max:<%=((comidas*2)+5)%>,
}//FIM TICKS
}]//FIM YAXES
},//FIM SCALES
animation:{
duration: 2000,
},//FIM OPTIONS
});//FIM GRAFICO