text: import React from 'react';
  import _ from 'lodash';
  import {  
      ResponsiveContainer,
      LineChart, 
      Line,
  	Dot
  } from './../../../../components/recharts';
  
  import colors from './../../../../colors';
  
  const data = _.times(20, () => ({ pv: Math.random() * 100 }));
  
  const generateDot = ({stroke, ...other}) => (
      <Dot
          { ...other }
          r={ 4 }
          strokeWidth={ 2 }
          fill={ stroke }
          stroke={ colors['white'] }
      />
  );
  
  const TinyLineChart = () => (
      <ResponsiveContainer width='100%' height={ 40 }>
          <LineChart data={data}>
              <Line dataKey='pv' stroke={ colors['primary'] } strokeWidth={2} activeDot={{r: 5}} dot={generateDot} />
          </LineChart>
      </ResponsiveContainer>
  );
  
  export { TinyLineChart };
  