DonutChart name labels

[sedrik]

Hi

I might be missing something but there seems to be no way to set the DonutChart's labels to the Name?

I'm currently looking at the example in the docs https://mantine.dev/charts/donut-chart/#segments-labels and would like to show name instead of value as the labels. The only options are value and percentage from what I can tell.

Would adding a labelKey attribute be a good approach?

  const data = [
    { name: "USA", value: 400, color: "indigo.6" },
    { name: "India", value: 300, color: "yellow.6" },
    { name: "Japan", value: 100, color: "teal.6" },
    { name: "Other", value: 200, color: "gray.6" },
  ];
  return (
      <DonutChart
        size={160}
        thickness={50}
        data={data}
        labelsType="value"
        labelKey="name"
        withLabels
      />
  );