ayanova/src/components/dash-base.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-sheet color="white" elevation="4" height="300" style="overflow: hidden;">
+  <v-sheet color="white" elevation="4" height="300px" style="overflow: hidden;">
     <slot name="dash-title">
       <v-toolbar flat dense>
         <template v-if="hasUrl">

ayanova/src/components/dash-test-bar-widget-count-by-usertype.vue

@@ -7,19 +7,31 @@
     v-bind="$attrs"
   >
     <template slot="main">
-      <div class="ml-4 mt-1">
-        <gz-chart-bar-horizontal
-          :chartData="obj"
-          :options="{
-            responsive: true,
-            legend: { display: false },
-            scales: {
-              xAxes: [{ gridLines: { display: true } }],
-              yAxes: [{ gridLines: { display: true } }]
-            }
-          }"
-        ></gz-chart-bar-horizontal>
-      </div>
+      <gz-chart-bar-horizontal
+        :width="400"
+        :height="240"
+        :chartData="obj"
+        :options="{
+          maintainAspectRatio: false,
+          responsive: true,
+          legend: { display: false },
+          scales: {
+            xAxes: [
+              {
+                gridLines: { display: true },
+                ticks: {
+                  beginAtZero: true
+                }
+              }
+            ],
+            yAxes: [
+              {
+                gridLines: { display: false }
+              }
+            ]
+          }
+        }"
+      ></gz-chart-bar-horizontal>
     </template>
   </gz-dash>
 </template>
@@ -46,16 +58,22 @@ export default {
           "Head office",
           "Service",
           "Non Service",
-          "Subcontractor"
+          "Subcontractor",
+          "Six",
+          "Seven",
+          "eight",
+          "nine",
+          "ten"
         ],
         datasets: [
           {
             label: "",
-            data: [2, 4, 6, 8, 10],
-            backgroundColor: getPalette(5),
-            minBarLength: 5,
-            barThickness: 6,
-            categoryPercentage: 0.2
+            data: [2, 4, 6, 8, 10, 12, 14, 16, 18, 20],
+            backgroundColor: getPalette(10)
+            // ,
+            // minBarLength: 5,
+            // barThickness: 6,
+            // categoryPercentage: 0.2
           }
         ]
       }
@@ -66,7 +84,7 @@ export default {
   computed: {},
   methods: {
     loadData: function() {
-      console.log("GzDashTestBarWidgetCountByUserType::loadData");
+      //console.log("GzDashTestBarWidgetCountByUserType::loadData");
     }
   }
 };

ayanova/src/components/dash-test-day-calendar-widget.vue

@@ -27,7 +27,7 @@ export default {
   computed: {},
   methods: {
     loadData: function() {
-      console.log("GzDashTestDayCalendarWidget::loadData");
+      //console.log("GzDashTestDayCalendarWidget::loadData");
     }
   }
 };

ayanova/src/components/dash-test-line-widget-monthly-total-price.vue

@@ -27,7 +27,7 @@ export default {
   computed: {},
   methods: {
     loadData: function() {
-      console.log("GzDashTestLineWidgetMonthlyTotalPrice::loadData");
+      //console.log("GzDashTestLineWidgetMonthlyTotalPrice::loadData");
     }
   }
 };