Goal() → {JSX.Element}
Component that isplays a chart showing the goal.
| Name | Type | Description |
|---|---|---|
isLoading | boolean | False if all the data have been fetched |
score | number | Score of the goal to display |
- Source
- See
- https://recharts.org/en-US/api/RadialBarChart for further information on `RadialBarChart` element from recharts api
Returns:
A JSX element containing a RadialBarChart element from the recharts library.
- Type:
- JSX.
Element
Example
const score = 30
const userInfo={isLoading: false}
return (
<Goal score={score} isLoading={userInfo.isLoading} />
)Methods
(inner) LegendGoal() → {JSX.Element}
Displays a custom legend for a chart.
- Source
Returns:
A JSX element representing the custom legend.
- Type:
- JSX.
Element
Example
return{
<LegendGoal />
}