topic Re: Pie chart code error. in Developer Q&A Forum

Pie chart code error

toufic_chamandi — Thu, 20 Apr 2023 07:59:36 GMT

Hello team, I've been getting an error while trying to create the pie chart, I've even copied the code available in the documentation and I've been getting this error:

error: TS2322 Type '{ slices: { category: string; value: number; }[]; unit: string; }' is not assignable to type '{ category: string; value: number; }[]'.

Any ideas on why it might be doing this ?

Re: Pie chart code error.

josef_schiessl — Mon, 12 Dec 2022 21:15:44 GMT

Hey,
looks like you instead of passing the whole conversions object into the pie chart, you are only passing in the slices array. Can you share your code?

Re: Pie chart code error

SarahRiener — Tue, 13 Dec 2022 08:46:26 GMT

I've noticed that there has been a working solution proposed on our internal Slack, so I am cross-posting it here as a reference for others encountering the same problem.

The version of the pie-chart component you use differs from the docs.
The type you provide:

{
  slices: {
    category: string;
    value: number; }[];
  unit: string;
}

The expected type:

{
  category: string;
  value: number
}[]

The slices are now on the root level.