This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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";
|
||||||
|
|||||||
Reference in New Issue
Block a user