1.0.12 • Published 5 years ago
graph-ui-components v1.0.12
#React Chart component
Basic chart components for your react app
Examples: https://gijserenstein.github.io/react-chart-ui-components/
##Line Chart:
####Code example
import { LineChart } from "graph-ui-components";
<LineChart values={[1,2,3,4,5]} />
####Options:
values
- array of valuesprefix
- prefixes the values shown in the tooltipspostfix
- postfix for the values shown in the tooltiprounded
- round the edges in the line chartcolor
- hex color for the chartaxis
- positions on the axisdecimals
- the value's decimals
##Circle Chart:
####Code example
import { CircleChart } from "graph-ui-components";
<CircleChart color={'#ff0000'} value={10} maxValue={100} prefix={'€'} metric={'revenue'} postfix={'/user'} decimals={2} />
####Options:
value
- value displayedmaxValue
- the range of the chartprefix
- prefix for the valuepostfix
- postfix for the valuemetric
- name of the metric showncolor
- hex color for the chartdecimals
- the value's decimals