From 5b704cc7390387655fa5714e98e96605007ec540 Mon Sep 17 00:00:00 2001
From: Jakub Juszczak <netghost03@gmail.com>
Date: Sun, 26 Jun 2016 15:46:19 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20LineChart=20Example=20compone?=
 =?UTF-8?q?nt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 |  4 +++-
 src/examples/LineExample.js | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/examples/LineExample.js

diff --git a/src/App.vue b/src/App.vue
index ef28aa2..784933f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,16 @@
 <template>
   <div class="container">
     <bar-example :width="100" :height="200" :player={wins:'12'} :opponent={wins:'23'}></bar-example>
+    <line-example></line-example>
   </div>
 </template>
 
 <script>
   import BarExample from './examples/BarExample'
+  import LineExample from './examples/LineExample'
 
   export default {
-    components: { BarExample }
+    components: { BarExample, LineExample }
   }
 </script>
 
diff --git a/src/examples/LineExample.js b/src/examples/LineExample.js
new file mode 100644
index 0000000..8f8ecf2
--- /dev/null
+++ b/src/examples/LineExample.js
@@ -0,0 +1,16 @@
+import LineChart from '../BaseCharts/Line'
+
+export default LineChart.extend({
+  ready () {
+    this.render({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+      datasets: [
+        {
+          label: 'Data One',
+          backgroundColor: '#f87979',
+          data: [40, 39, 10, 40, 39, 80, 40]
+        }
+      ]
+    })
+  }
+})