Vertical bar

Based on Recharts.

Various data

Top Countries

1
Estonia
120
2
Russia
100
3
Belarus
80
4
Argentina
60
5
USA
40

Top Countries

1
Estonia
120
2
Russia
100
3
Belarus
20
4
Argentina
-60
5
USA
-80

Top Countries

1
Estonia
-40
2
Russia
-60
3
Belarus
-80
4
Argentina
-100
5
USA
-120

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
positiveColorColorPropsNokrillin.100Highlight color for positive values
negativeColorColorPropsNowhis.100Highlight color for negative values
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

Types

Data {
  label: string | React.ReactNode;
  code: string;
  value: number;
  dataKey: string;
}

No data

Top Countries

No data