Измените направление анимации на против часовой стрелки в react-chartjs-2

Я хочу анимировать кольцевую диаграмму против часовой стрелки. Я попытался перевернуть массив данных, массив backgroundColor и массив меток. Но направление анимации не изменилось. Остается по часовой стрелке.

//Changing my doughnut chart data:

setDoughnutChart((prev) => {
    prev.data.datasets[0].data = [
      res.data.totalTarget,
      res.data.completedTarget,
    ];
    return { ...prev };
})


//I tried this(reversing), but doesn't work :(

setDoughnutChart((prev) => {
  prev.data.datasets[0].data = [
    res.data.totalTarget,
    res.data.completedTarget,
  ].reverse();
  prev.data.datasets[0].backgroundColor = prev.data.datasets[0].backgroundColor.reverse();
  prev.data.labels = prev.data.labels.reverse();
  return { ...prev };
})

0 ответов

Другие вопросы по тегам