Files
Airframe-React/app/routes/components/Analytics/TinyAreaChartSpend.js
2019-08-15 00:54:44 +02:00

22 lines
534 B
JavaScript
Executable File

import React from 'react';
import _ from 'lodash';
import {
ResponsiveContainer,
AreaChart,
Area
} from 'recharts';
import colors from './../../../colors';
const data = _.times(20, () => ({ pv: Math.random() * 100 }));
const TinyAreaChartSpend = () => (
<ResponsiveContainer width='100%' height={ 125 }>
<AreaChart data={data}>
<Area dataKey='pv' stroke={ colors['primary'] } fill={ colors['primary-02'] } />
</AreaChart>
</ResponsiveContainer>
);
export { TinyAreaChartSpend };