@chartiful/react-vertical-bar-graph
v0.1.6
Published
React vertical bar graph.
Downloads
90
Readme
Vertical Bar Graph
Installation
npm i @chartiful/react-chart-builder @chartiful/react-vertical-bar-graph
Example
import VerticalBarGraph from '@chartiful/react-vertical-bar-graph'
<VerticalBarGraph
data={[20, 45, 28, 80, 99, 43, 50]}
labels={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']}
width={500}
height={300}
barRadius={5}
barWidthPercentage={0.65}
baseConfig={{
hasXAxisBackgroundLines: false,
xAxisLabelStyle: {
position: 'right',
prefix: '$'
}
}}
style={{
paddingVertical: 10
}}
/>
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)