More layout stuff

frontend/src/components/dashboard/MainAccount.vue

@@ -17,6 +17,7 @@
 <script>
     import MainAccountChart from "./MainAccountChart";
     import DataConverter from "../charts/DataConverter";
+    import DefaultLineOptions from "../charts/DefaultLineOptions";
 
     export default {
         components: {
@@ -30,15 +31,15 @@
             }
         },
         mounted() {
-            this.chartOptions = {
-                responsive: true,
-                maintainAspectRatio: false
-            };
+            this.chartOptions = DefaultLineOptions.methods.getDefaultOptions();
+
 
             this.loaded = false;
             axios.get('./api/v1/chart/account/overview?start=' + window.sessionStart + '&end=' + window.sessionEnd)
                 .then(response => {
                     this.chartData = DataConverter.methods.convertChart(response.data);
+                    this.chartData = DataConverter.methods.colorizeData(this.chartData);
+                    this.chartData = DataConverter.methods.convertLabelsToDate(this.chartData);
                     console.log(this.chartData);
                     this.loaded = true
                 });

frontend/src/components/dashboard/MainAccountChart.vue

@@ -1,11 +1,12 @@
 
 <script>
-    import { Line } from 'vue-chartjs'
+    import {Line} from 'vue-chartjs'
+
     export default {
         extends: Line,
-        props: ['options'],
+        props: ['options', 'chartData'],
 
-        mounted () {
+        mounted() {
             // this.chartData is created in the mixin.
             // If you want to pass options please create a local options object
             this.renderChart(this.chartData, this.options)