react-native-pure-chart
react-native-pure-chart copied to clipboard
Bar chart: How to show y values on top of the every bar
this.state = {sampleDataone : [
{
seriesName: 'series1',
data:[
{x:'Charging',y:(1 * 15)},
{x:'Daily Check',y: (1 * 18)},
{x:'Weekely Checks',y:(1 * 24)},
{x:'Pnumeticn Door',y:(1 * 26)},
{x:'Uptime',y:(1 * 28)} ,
{x:'oK Tagging',y:(1 * 5)}
],
color: '#6FD7F9'
},
],
}
<View style={{flex:1,justifyContent:'center',alignSelf:'center'}}>
<PureChart data={this.state.sampleDataone} type='bar'
width={'100%'}
height={"100%"}
numberOfYAxisGuideLine={10}
backgroundColor={'white'} labelColor={'green'} style={{ borderColor: 'green', borderWidth: 1, width: 600 }}
/>
</View>