diff --git a/web/src/components/Charts/AccessPointClientsChart.vue b/web/src/components/Charts/AccessPointClientsChart.vue index fb3e79d..3a4be3d 100644 --- a/web/src/components/Charts/AccessPointClientsChart.vue +++ b/web/src/components/Charts/AccessPointClientsChart.vue @@ -59,54 +59,54 @@ export default { default: () => [] } }, - data: () => ({ - chartOptions: { - responsive: true, - maintainAspectRatio: false, - scales: { - y: { - beginAtZero: true, - min: 0, - suggestedMax: 80, + data: () => ({}), + computed: { + chartOptions() { + return { + responsive: true, + maintainAspectRatio: false, + scales: { + y: { + beginAtZero: true, + min: 0, + suggestedMax: 80, - title: { - display: true, - text: 'Clientes' - } - }, - y1: { - beginAtZero: true, - position: 'right', - title: { - display: true - }, - ticks: { - callback: function (value, index, values) { - const bytes = destructedBytes(value) - return `${bytes.amount} ${bytes.unit}` - } - } - }, - x: { - type: 'time', - time: { - unit: 'minute', - stepSize: 20, - - displayFormats: { - minute: 'H:mm' + title: { + display: true, + text: 'Clientes' } }, + y1: { + beginAtZero: true, + position: 'right', + title: { + display: true + }, + ticks: { + callback: function (value, index, values) { + const bytes = destructedBytes(value) + return `${bytes.amount} ${bytes.unit}` + } + } + }, + x: { + type: 'time', + time: { + unit: 'minute', - title: { - display: false, - text: 'Data' + displayFormats: { + minute: 'H:mm' + } + }, + + title: { + display: false, + text: 'Data' + } } } } - } - }), - computed: { + }, chartData() { const pointRadius = 0 diff --git a/web/src/components/Charts/AccessPointSignalStrengthChart.vue b/web/src/components/Charts/AccessPointSignalStrengthChart.vue index 7eb5d70..3e048ee 100644 --- a/web/src/components/Charts/AccessPointSignalStrengthChart.vue +++ b/web/src/components/Charts/AccessPointSignalStrengthChart.vue @@ -57,40 +57,41 @@ export default { default: () => [] } }, - data: () => ({ - chartOptions: { - responsive: true, - maintainAspectRatio: false, - scales: { - y: { - beginAtZero: true, - min: -100, - max: 0, - title: { - display: true, - text: 'dBm' - } - }, - x: { - type: 'time', - time: { - unit: 'minute', - stepSize: 15, - - displayFormats: { - minute: 'H:mm' + data: () => ({}), + computed: { + chartOptions() { + return { + responsive: true, + maintainAspectRatio: false, + scales: { + y: { + beginAtZero: true, + min: -100, + max: 0, + title: { + display: true, + text: 'dBm' } }, + x: { + type: 'time', + time: { + unit: 'minute', + // stepSize: 15, - title: { - display: false, - text: 'Data' + displayFormats: { + minute: 'H:mm' + } + }, + + title: { + display: false, + text: 'Data' + } } } } - } - }), - computed: { + }, chartData() { const pointRadius = 0 const borderWidth = 3 diff --git a/web/src/views/AccessPoints/clients.vue b/web/src/views/AccessPoints/clients.vue index b49dfa3..c5ef1fe 100644 --- a/web/src/views/AccessPoints/clients.vue +++ b/web/src/views/AccessPoints/clients.vue @@ -6,7 +6,7 @@ /> - + mdi-arrow-left @@ -22,6 +22,7 @@
+ - - - - - - - - - - - - - - - - + + + + + + + + + + + +