Props API

query
PieChartQueryProps
PieChart query props
variant
PieChartVariant
The variant the chart will respond to, can be either pie or doughnut.
loading
boolean
When true, shows a skeleton loader
timeZone
string
Time zone to use (for example, “America/Los_Angeles”, “Europe/Berlin”, or “UTC”). Defaults to the client’s local time zone
headers
string[]
If passed along with rows the component will ignore the built-in GraphQL operations.
rows
string[][]
If passed along with headers the component will ignore the built-in GraphQL operations.
chartProps
ChartProps
Optional props that are used to configure the chart component.
labelListClassName
string
Provides className to style label list of chart.
accentColors
(AccentColors | string)[]
A list of accent colors the PieChart component will use, those will be picked in order
otherColor
GrayColors | string
Color that will be used for other
showGroupByOther
boolean
If set to true, shows the other slice of the pie chart, defaults to true
chartConfigProps
(config: ChartConfiguration<"pie" | "doughnut">) => ChartConfiguration<"pie" | "doughnut">
An optional prop that provides access to the Chart.js API, allowing for further customization of chart settings.