Namespace: Perfomance

Component that displays a chart showing performances of the user.

Properties

Name Type Description

perfData

Object

The props passed to the component.

Name	Type	Description
`isLoading`	boolean	False if all the data have been fetched
`data`	Array.<object>	An array of objects containing data for the chart. `{kind: string, value: number}`
`data[].kind`	string	Category of the performance
`data[].value`	number	Value of the performance

Author: Pierre-Yves Léglise
Source: components/performance/index.jsx, line 31
See: https://recharts.org/en-US/api/RadarChart for further information on `RadarChart` element from recharts api

Returns:

A JSX element containing a RadarChart element from the recharts library.

Example

const userSessions = {isLoading: false, data[{kind:'Vitesse', value: 220},...]}
return (
 <Perfomance perfData={userPerf} />
)

Methods

Displays the performances legends around the radarchart.

Properties

Name	Type	Description
`cx`	number	Position on X axe
`cy`	number	Position on Y axe

Returns:

A JSX element representing the custom legend.