This commit is contained in:
2020-06-02 14:08:31 +00:00
parent 29340ea418
commit b57ff0780b
3 changed files with 18 additions and 4 deletions

View File

@@ -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 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 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: find correct chart type for db table sizes top ten and implement it
todo: metrics page not localized "storage" etc todo: metrics page not localized "storage" etc

View File

@@ -1,6 +1,18 @@
<script> <script>
import { Line } from "vue-chartjs"; 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 { export default {
extends: Line, extends: Line,
props: { props: {
@@ -16,8 +28,9 @@ export default {
watch: { watch: {
chartData() { chartData() {
//these do nothing //these do nothing
// this.$data._chart.update(); //this.$data._chart.update();
// this.$data._chart.renderChart(); //this.$data._chart.renderChart();
//this redraws the chart //this redraws the chart
this.renderChart(this.chartData, this.options); this.renderChart(this.chartData, this.options);
} }

View File

@@ -91,7 +91,7 @@
///////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Xeslint-disable */ /* Xeslint-disable */
//////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////
//https://blog.hubspot.com/marketing/types-of-graphs-for-data-visualization
//https://medium.com/javascript-in-plain-english/exploring-chart-js-e3ba70b07aa4 //https://medium.com/javascript-in-plain-english/exploring-chart-js-e3ba70b07aa4
import relativeDatefilterCalculator from "../api/relative-date-filter-calculator.js"; import relativeDatefilterCalculator from "../api/relative-date-filter-calculator.js";
const FORM_KEY = "ops-metrics"; const FORM_KEY = "ops-metrics";