Line Graph
package
Installation
npm i @chartiful/react-native-chart-builder @chartiful/react-native-line-graph
Example
import LineGraph from '@chartiful/react-native-line-graph'
<LineGraph
data={[10, 15, 7, 20, 14, 12, 10, 20]}
width={375}
height={300}
isBezier
hasShadow
baseConfig={{
startAtZero: false,
hasXAxisBackgroundLines: false
}}
style={{
marginTop: 30
}}
/>
Interface
height: number
width: number
data: <Array>number
labels?: <Array>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)
chartiful