react-native-gifted-charts/examples/BarChart/SimpleBlueBars.js

31 lines
727 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}
noOfSections={3}
barBorderRadius={4}
frontColor="lightgray"
data={barData1}
yAxisThickness={0}
xAxisThickness={0}
/>
</View>
);
};
export default SimpleBlueBars;