I am making a doughnut chart in react-chartjs-2 and would like to change the order in which the segments of the doughnut appear. At the moment my chart looks like this:

I would like to preserve the order of the legend at the top while inverting the order of the segments in the doughnut chart. IE I want it to go LOW,MEDIUM,HIGH,CRITICAL from left to right

Bellow is my code:

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]
    }
  ]
};

In Render Method:

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