Pie

Based on Recharts.

Default

Device Breakdown

Device Breakdown

Props

NameTypeRequiredDefaultDescription
titlestringYes-Chart title text
dataData[]Yes-Array of data
onUpdatefunctionNo-Handler function when pressing the update button
onSharefunctionNo-Handler function when pressing the share button
onExpandfunctionNo-Handler function when pressing the expand button
isUpdatingbooleanNofalseIf set true, the loader icon is displayed
hasUpdatesbooleanNofalseIf set true, the dot icon is displayed
filterReact.ReactNodeNo-Placeholder for filter component
heightstring, numberNo446Height of component
iconReact.ReactNodeNoPlaceholder for chart icon component
loaderTextstring, React.ReactNodeNoNo dataThe text for "no data" / "loading" states
formatFnfunctionNo-The formatter function of data value

Types

Data {
  label: string
  value: number
  color: ColorProps
  dataKey: string
}

Loading

Device Breakdown

Loading...

Device Breakdown