From b57ff0780ba1b53add6e27db4b1390fa8fb81a1a Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 2 Jun 2020 14:08:31 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt                      |  1 +
 ayanova/src/components/chart-line-control.vue | 19 ++++++++++++++++---
 ayanova/src/views/ops-metrics.vue             |  2 +-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index fefb1e02..c7ae1952 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -5,6 +5,7 @@ PRIORITY - ALWAYS Lowest level stuff first, i.e. TODO at server, api route chang
 WIFI change 5g channel to 52,56,60 and 2g channel to 8 
 	recheck before doing as it seems to vary, maybe someone else's is auto switching
 
+todo: https://blog.hubspot.com/marketing/types-of-graphs-for-data-visualization
 
 todo: find correct chart type for db table sizes top ten and implement it
 todo: metrics page not localized "storage" etc
diff --git a/ayanova/src/components/chart-line-control.vue b/ayanova/src/components/chart-line-control.vue
index 0532b4e8..124cce52 100644
--- a/ayanova/src/components/chart-line-control.vue
+++ b/ayanova/src/components/chart-line-control.vue
@@ -1,6 +1,18 @@
 <script>
 import { Line } from "vue-chartjs";
-
+/*
+ Bar,
+  HorizontalBar,
+  Doughnut,
+  Line,
+  Pie,
+  PolarArea,
+  Radar,
+  Bubble,
+  Scatter
+*/
+//https://vue-chartjs.org/guide/
+//https://www.chartjs.org/docs/latest/
 export default {
   extends: Line,
   props: {
@@ -16,8 +28,9 @@ export default {
   watch: {
     chartData() {
       //these do nothing
-      //   this.$data._chart.update();
-      //  this.$data._chart.renderChart();
+      //this.$data._chart.update();
+      //this.$data._chart.renderChart();
+
       //this redraws the chart
       this.renderChart(this.chartData, this.options);
     }
diff --git a/ayanova/src/views/ops-metrics.vue b/ayanova/src/views/ops-metrics.vue
index da413862..9295c351 100644
--- a/ayanova/src/views/ops-metrics.vue
+++ b/ayanova/src/views/ops-metrics.vue
@@ -91,7 +91,7 @@
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////
 /*  Xeslint-disable    */
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
+//https://blog.hubspot.com/marketing/types-of-graphs-for-data-visualization
 //https://medium.com/javascript-in-plain-english/exploring-chart-js-e3ba70b07aa4
 import relativeDatefilterCalculator from "../api/relative-date-filter-calculator.js";
 const FORM_KEY = "ops-metrics";