33 lines
769 B
JavaScript
33 lines
769 B
JavaScript
import React from 'react';
|
|
import {View} from 'react-native';
|
|
import {BarChart} from '../../src/BarChart';
|
|
|
|
const SimpleBlueBars = () => {
|
|
const barData1 = [
|
|
{value: 250, label: 'M'},
|
|
{value: 500, label: 'T', frontColor: '#177AD5'},
|
|
{value: 745, label: 'W', frontColor: '#177AD5'},
|
|
{value: 320, label: 'T'},
|
|
{value: 600, label: 'F', frontColor: '#177AD5'},
|
|
{value: 256, label: 'S'},
|
|
{value: 300, label: 'S'},
|
|
];
|
|
return (
|
|
<View>
|
|
<BarChart
|
|
barWidth={22}
|
|
spacing={16}
|
|
height={260}
|
|
noOfSections={3}
|
|
barBorderRadius={4}
|
|
frontColor="lightgray"
|
|
data={barData1}
|
|
yAxisThickness={0}
|
|
xAxisThickness={0}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default SimpleBlueBars;
|