Init

Preview: http://dashboards.webkom.co/react/airframe

app/routes/Graphs/ReCharts/components/TinyAreaChart.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import _ from 'lodash';
+import {  
+    ResponsiveContainer,
+    AreaChart, 
+    Area
+} from './../../../../components/recharts';
+
+import colors from './../../../../colors';
+
+const data = _.times(20, () => ({ pv: Math.random() * 100 }));
+
+/* 99% - some wierd HACK that makes the container resize properly */
+const TinyAreaChart = () => (
+    <ResponsiveContainer width="99%" height={ 40 }>
+        <AreaChart data={data}>
+            <Area dataKey='pv' stroke={ colors['primary'] } fill={ colors['primary-04'] } />
+        </AreaChart>
+    </ResponsiveContainer>
+);
+
+export { TinyAreaChart };