@chartiful/react-native-line-graph

Line Graph

package

$3

``bash
npm i @chartiful/react-native-chart-builder @chartiful/react-native-line-graph
`

$3

`jsx
import LineGraph from '@chartiful/react-native-line-graph'

data={[10, 15, 7, 20, 14, 12, 10, 20]}
width={375}
height={300}
isBezier
hasShadow
baseConfig={{
startAtZero: false,
hasXAxisBackgroundLines: false
}}
style={{
marginTop: 30
}}
/>
`

$3

- height: number

- width: number

- data: number

- labels?: string (defaults to [1, 2, 3, ...])

- hasLine?: boolean (defaults to true)

- lineColor?: string (defaults to '#000000')

- lineWidth?: number (defaults to 3)

- hasDots?: boolean (defaulst to true)

- dotColor?: string (defaults to '#000000')

- dotSize?: number (defaulse to 5)

- isBezier?: boolean (defaults to false)

- hasShadow?: boolean (defaults to false)

- style?: ReactNative.StyleSheet

- baseConfig?: BaseChartConfig` (found here: link)