Files
Airframe-React/app/routes/Graphs/ReCharts/components/TinyBarChart.js
2019-08-15 00:54:44 +02:00

22 lines
524 B
JavaScript
Executable File

import React from 'react';
import _ from 'lodash';
import {
ResponsiveContainer,
BarChart,
Bar
} from './../../../../components/recharts';
import colors from './../../../../colors';
const data = _.times(40, () => ({ pv: Math.random() * 100 }));
const TinyBarChart = () => (
<ResponsiveContainer width='100%' height={ 40 }>
<BarChart data={data}>
<Bar dataKey='pv' fill={ colors['primary'] } barSize={5} />
</BarChart>
</ResponsiveContainer>
);
export { TinyBarChart };