Avoid data sorting in Donut chart

I am submitting a…

• Feature request
• Design defect
• Source code defect
• Demo/documentation defect
• Other

charts version:

    "@carbon/charts": "^0.41.30",
    "@carbon/charts-react": "^0.41.30",
    "carbon-components": "^10.22.0",
    "carbon-components-react": "^7.22.0",

Issue description

Donut chart is sorting my data, I want to avoid that

Steps to produce the issue

Create a Donut chart where options have a specific order. Click here to see an example.

Current behavior

It sorts the data by decreasing order.

Expected behavior

It should render the data in the order I give them to it. Or at least provide an option to behave like that.

Screenshot or recording

[theiliad]

I think I’m facing the same issue. Starting from 12 o’clock the the order of the pieces should be specifiable, or at least implement a coherent default order, for exemple, in the picture case I always want to see the same order in every Donut to keep it coherent

I’ll make sure that design responds to this soon

[ntsd]

I made a PR https://github.com/carbon-design-system/carbon-charts/pull/1043 to add sortFunction option for the pie chart (also work on Donut chart)

this can fix the issue by replacing the sort function

Examples

sort by reversed value

option: {
	pie: {
      sortFunction: (a: any, b: any) => {
		return b.value - a.value; // sort by reversed value
      },
    },
}

sort by name

option: {
	pie: {
      sortFunction: (a: any, b: any) => {
		return a.group.localeCompare(b.group); // sort by name
      },
    },
}

sort by group order

const groupOrders = ['group1', 'group2'];

.
.
.

option: {
	pie: {
      sortFunction: (a: any, b: any) => {
		return groupOrders.indexOf(a.group) - groupOrders.indexOf(b.group);  // sort by group orders
      },
    },
}