Estoy haciendo un gráfico de anillos en react-chartjs-2 y me gustaría cambiar el orden en que aparecen los segmentos del anillo. En este momento mi gráfico se ve así:

Me gustaría conservar el orden de la leyenda en la parte superior mientras invierto el orden de los segmentos en el gráfico de anillos. IE quiero que vaya BAJO, MEDIO, ALTO, CRÍTICO de izquierda a derecha

Abajo está mi código:

 const doughnutChartBackgroundColours = [ LOW_COLOUR, MEDIUM_COLOUR, HIGH_COLOUR, CRITICAL_COLOUR ]; const doughnutChartLabels = [ LOW, MEDIUM, HIGH, CRITICAL ]; const dummyData = { labels: doughnutChartLabels, datasets: [ { id: 2, backgroundColor: doughnutChartBackgroundColours, label: 'Threats', data: [3, 2, 1, 5] } ] };

En el método de renderizado:

 <Doughnut datasetIdKey='id' data={dummyData} />