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; }