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)