Hello World!

2017-08-16 12:12:02 +02:00
commit 15df4b91de
886 changed files with 62446 additions and 0 deletions
@@ -0,0 +1,60 @@
+<script>
+import { Line } from 'vue-chartjs'
+
+const brandInfo = '#63c2de'
+const datasets = [
+  {
+    label: 'My First dataset',
+    backgroundColor: brandInfo,
+    borderColor: 'rgba(255,255,255,.55)',
+    data: [1, 18, 9, 17, 34, 22, 11]
+  }
+]
+
+export default Line.extend({
+  props: ['height'],
+  mounted () {
+    this.renderChart({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+      datasets: datasets
+    }, {
+      maintainAspectRatio: false,
+      legend: {
+        display: false
+      },
+      scales: {
+        xAxes: [{
+          gridLines: {
+            color: 'transparent',
+            zeroLineColor: 'transparent'
+          },
+          ticks: {
+            fontSize: 2,
+            fontColor: 'transparent'
+          }
+
+        }],
+        yAxes: [{
+          display: false,
+          ticks: {
+            display: false,
+            min: Math.min.apply(Math, datasets[0].data) - 5,
+            max: Math.max.apply(Math, datasets[0].data) + 5
+          }
+        }]
+      },
+      elements: {
+        line: {
+          tension: 0.00001,
+          borderWidth: 1
+        },
+        point: {
+          radius: 4,
+          hitRadius: 10,
+          hoverRadius: 4
+        }
+      }
+    })
+  }
+})
+</script>