Geo map
Based on react-simple-maps and Recharts.
Default
Top Countries
1
Estonia
120
2
Russia
100
3
Belarus
80
4
Argentina
60
5
USA
40
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | Yes | - | Chart title text |
| data | Data[] | Yes | - | Required. Array of data |
| onUpdate | function | No | - | Handler function when pressing the update button |
| onShare | function | No | - | Handler function when pressing the share button |
| onExpand | function | No | - | Handler function when pressing the expand button |
| isUpdating | boolean | No | false | If set true, the loader icon is displayed |
| hasUpdates | boolean | No | false | If set true, the dot icon is displayed |
| filter | React.ReactNode | No | - | Placeholder for filter component |
| height | string, number | No | 446 | Height of component |
| positiveColor | ColorProps | No | krillin.100 | Highlight color for positive values |
| negativeColor | ColorProps | No | whis.100 | Highlight color for negative values |
| icon | React.ReactNode | No | <ChartIcons.Countries /> | Placeholder for chart icon component |
| loaderText | string, React.ReactNode | No | No data | The text for "no data" / "loading" states |
| formatFn | function | No | - | The formatter function of data value |
Data {
label: string | React.ReactNode;
code: string;
value: number;
dataKey: string;
}