refactor: new project structure

2018-03-05 15:35:14 +01:00
parent 0347970e65
commit 7dcd6bff72
273 changed files with 102 additions and 5945 deletions
@@ -0,0 +1,59 @@
+<script>
+import { Line } from 'vue-chartjs'
+
+const brandPrimary = '#20a8d8'
+const datasets = [
+  {
+    label: 'My First dataset',
+    backgroundColor: brandPrimary,
+    borderColor: 'rgba(255,255,255,.55)',
+    data: [65, 59, 84, 84, 51, 55, 40]
+  }
+]
+
+export default {
+  extends: Line,
+  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: {
+          borderWidth: 1
+        },
+        point: {
+          radius: 4,
+          hitRadius: 10,
+          hoverRadius: 4
+        }
+      }
+    })
+  }
+}
+</script>