import React from 'react';
import PropTypes from 'prop-types';
import _ from 'lodash';
import moment from 'moment';
import {
ResponsiveContainer,
ComposedChart,
CartesianGrid,
XAxis,
YAxis,
Tooltip,
Legend,
Area,
Bar,
Dot
} from './../../../../components/recharts';
import colors from './../../../../colors';
const CHART_LENGTH = 30;
const CHART_START_DATE = moment().subtract(CHART_LENGTH, 'months');
const dataGenerator = (index) => {
const referenceValue = _.random(1500, 1800);
const halfedRefVal = referenceValue / 2;
return {
key: index,
month: moment(CHART_START_DATE).add(index, 'months').format('MMM YY'),
"Tokyo": referenceValue,
"New York": _.random(1200, 2200),
"Berlin": referenceValue - _.random(halfedRefVal, halfedRefVal * 1.1),
};
}
const data = _.times(CHART_LENGTH, dataGenerator);
// eslint-disable-next-line react/prop-types
const generateDot = ({stroke, ...other}) => (
);
export const AudienceMetricsChart = ({height, className}) => (
);
AudienceMetricsChart.propTypes = {
height: PropTypes.string,
className: PropTypes.string
}