Line

Based on Recharts.

Default

KPI Overview

Props

NameTypeRequiredDefaultDescription
titlestringYes-Chart title text
dataData[]Yes-Array of data
optionsOption[]Yes-Array of available chart options
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, numberNo526Height of component
axisWidthnumberNo40The width of axis
iconReact.ReactNodeNo<ChartIcons.Line />Placeholder for chart icon component
loaderTextstring, React.ReactNodeNoNo dataThe text for "no data" / "loading" states
formatFnfunctionNo-The formatter function of data value
interval"preserveStart" | "preserveEnd" | "preserveStartEnd" | numberNo-If set 0, all the ticks will be shown

Types

Data {
  date: string
  [key: string]: string | number
}
Option {
  label: string;
  dataKey: string;
  value: number;
  color: ColorProps;
  yAxisId: string;
  isActive?: boolean;
}

Loading

KPI Overview

Loading...

KPI Overview