Init

Preview: http://dashboards.webkom.co/react/airframe
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
--- a/app/routes/components/Monitor/TinyAreaChart.js
+++ b/app/routes/components/Monitor/TinyAreaChart.js
@@ -0,0 +1,21 @@
+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 }));
+
+const TinyAreaChart = () => (
+    <ResponsiveContainer width='100%' height={ 40 }>
+        <AreaChart data={data}>
+            <Area dataKey='pv' stroke={ colors['primary'] } fill={ colors['primary-03'] } />
+        </AreaChart>
+    </ResponsiveContainer>
+);
+
+export { TinyAreaChart };