Initial import

fo/one-dashboard-que/components/Antrian.js

@@ -0,0 +1,28 @@
+
+export default {
+   extends: VueChartJs.Bar,
+   mixins: [VueChartJs.mixins.reactiveProp],
+   mounted () {
+      this.renderChart(this.chartData, 
+      {
+         responsive: true, 
+         maintainAspectRatio: false,
+         scales: {
+            yAxes : [{
+               ticks: {
+                  beginAtZero : true
+               }
+            }]
+         },
+         events: ['click','mousemove','touchstart'],
+         tooltips: {
+            mode:'index',
+         },
+         title : {
+            display: true,
+            text: ['Antrian']
+         }
+      })
+   }
+}
+

fo/one-dashboard-que/components/Line.js

@@ -0,0 +1,27 @@
+export default {
+   extends: VueChartJs.Line,
+   mixins: [VueChartJs.mixins.reactiveProp],
+   mounted () {
+      this.renderChart(this.chartData, 
+      {
+         responsive: true, 
+         maintainAspectRatio: false,
+         scales: {
+            yAxes : [{
+               ticks: {
+                  beginAtZero : true
+               }
+            }]
+         },
+         events: ['click','mousemove','touchstart'],
+         tooltips: {
+            mode:'index',
+         },
+         title : {
+            display: true,
+            text: ['Antrian Status']
+         }
+      })
+   }
+}
+

fo/one-dashboard-que/components/SaatIni.js

@@ -0,0 +1,13 @@
+
+const reactiveProp = VueChartJs.mixins.reactiveProp
+export default {
+   mixins: [reactiveProp],
+   props: ['options'],
+   extends: VueChartJs.Pie,
+   mounted () {
+      this.renderChart(
+         this.chartData, this.options
+      )
+   }
+}
+