@chartiful/react-native-horizontal-bar-graph
v0.1.2
Published
React Native hgorizontal bar graph.
Downloads
173
Readme
Horizontal Bar Graph
Installation
npm i @chartiful/react-native-chart-builder @chartiful/react-native-horizontal-bar-graph
Example
import HorizontalBarGraph from '@chartiful/react-native-horizontal-bar-graph'
<HorizontalBarGraph
data={[125, 100, 50, 75, 100, 125]}
labels={['Q1, 2019', 'Q2, 2019', 'Q3, 2019', 'Q4, 2019', 'Q1, 2020', 'Q2, 2020']}
width={375}
height={350}
barRadius={15}
baseConfig={{
hasYAxisBackgroundLines: false,
xAxisLabelStyle: {
rotation: 0,
fontSize: 12,
width: 70,
yOffset: 4,
xOffset: -15
},
yAxisLabelStyle: {
rotation: 30,
fontSize: 13,
prefix: '$',
position: 'bottom',
xOffset: 15,
decimals: 2,
height: 100
}
}}
/>
Interface
height
: numberwidth
: numberdata
:<Array>number
labels
?:<Array>string
(defaults to[1, 2, 3, ...]
)barRadius
?: number (defaults to0
)barWidthPercentage
?: number (defaults to0.7
)barColor
?: string (defaults to#000000
)style
?:ReactNative.StyleSheet
baseConfig
?:BaseChartConfig
(found here: link)