From 23bec87af6765f73409f46b72b071d0198930cb1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gi=C3=B2=20Diani?= Date: Fri, 17 Jan 2025 13:49:43 +0100 Subject: [PATCH] Achsenbeschriftungen --- dashboard/resources/views/overview.blade.php | 4 +- dashboard/resources/views/property.blade.php | 23 +++++--- dashboard/resources/views/region.blade.php | 30 +++++----- documentation/diagrams/ETL_C4.drawio | 60 ++++++++++---------- 4 files changed, 63 insertions(+), 54 deletions(-) diff --git a/dashboard/resources/views/overview.blade.php b/dashboard/resources/views/overview.blade.php index f5eaf74..8720cd8 100644 --- a/dashboard/resources/views/overview.blade.php +++ b/dashboard/resources/views/overview.blade.php @@ -13,12 +13,12 @@ @section('main')
-

Auslastung aller Mietobjekte über Gesamte Zeit

+

Auslastung aller Mietobjekte über gesamten beobachteten Zeitraum

-

Auslastung aller Mietobjekte über Gesamte Zeit

+

Auslastung aller Mietobjekte über gesamten beobachteten Zeitraum

Das Diagramm gibt eine Übersicht, wie die Auslastung von Mietobjekten am Datum des Scrapings waren. Dazu wird für jedes Mietobjekt die durchschnittliche Verfügbarkeit ermittelt.

diff --git a/dashboard/resources/views/property.blade.php b/dashboard/resources/views/property.blade.php index c5e3a07..32a3186 100644 --- a/dashboard/resources/views/property.blade.php +++ b/dashboard/resources/views/property.blade.php @@ -148,7 +148,7 @@ const cCapacityMonthlyOptions = { xAxis: { type: 'value', max: 100, - name: 'Auslastung in %', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 25, nameTextStyle: { @@ -197,7 +197,7 @@ const cCapacityDailyOptions = { xAxis: { type: 'value', max: 100, - name: 'Auslastung in %', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 25, nameTextStyle: { @@ -233,7 +233,7 @@ const cCapacity = echarts.init(chartCapacity); const cCapacityOptions = { color: sharedOptions.basic.color, legend: { - data: ['Auslastung Property', 'Auslastung {{ $base['region_name'] }}', 'Auslastung alle Regionen'] + show: true }, tooltip: { trigger: 'axis', @@ -261,7 +261,7 @@ const cCapacityOptions = { type: 'value', min: 0, max: 100, - name: 'Auslastung in Prozent', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 38, nameTextStyle: { @@ -270,19 +270,19 @@ const cCapacityOptions = { }, series: [ { - name: 'Auslastung Property', + name: 'Verfügbarkeit Mietobjekt', type: 'line', symbolSize: 7, data: {!! json_encode($propertyCapacities['capacities']) !!} }, { - name: 'Auslastung {{ $base['region_name'] }}', + name: 'Verfügbarkeit {{ $base['region_name'] }}', type: 'line', symbolSize: 7, data: {!! json_encode($regionCapacities[0]) !!} }, { - name: 'Auslastung alle Regionen', + name: 'Verfügbarkeit alle Regionen', type: 'line', symbolSize: 7, data: {!! json_encode($regionCapacities[1]) !!} @@ -330,6 +330,9 @@ const cCalendarOptions = { right: 10, bottom: '65%', left: 50, + dayLabel: { + fontSize: 10 + } }, { orient: 'horizontal', @@ -338,6 +341,9 @@ const cCalendarOptions = { right: 10, bottom: '33%', left: 50, + dayLabel: { + fontSize: 10 + } }, { orient: 'horizontal', @@ -346,6 +352,9 @@ const cCalendarOptions = { right: 10, bottom: '1%', left: 50, + dayLabel: { + fontSize: 10 + } } ], options: [ diff --git a/dashboard/resources/views/region.blade.php b/dashboard/resources/views/region.blade.php index 84f9ec1..a83677b 100644 --- a/dashboard/resources/views/region.blade.php +++ b/dashboard/resources/views/region.blade.php @@ -19,20 +19,20 @@
-

Gleitender Mittelwert für die Auslastung der Region

+

Gleitender Mittelwert für die Verfügbarkeit der Region

-

Auslastung aller Mietobjekte über Gesamte Zeit der Region

+

Verfügbarkeit aller Mietobjekte über Gesamte Zeit der Region

- Auslastung Region nach Monat am {{ $startDate }} + Verfügbarkeit Region nach Monat am {{ $startDate }}

@@ -41,12 +41,12 @@

- Entwicklung der Auslastung + Entwicklung der Verfügbarkeit

-

Erkläung zum Diagramm «Entwicklung der Auslastung»

-

Das Liniendiagramm zeigt die Auslastung von Regionen. 100 % = die Region ist kaum ausgelastet; 100 % der Mietobjekte sind verfügbar. 0 % = Die Region ist komplett ausgelastet; Es stehen keine Mietangebote zur Verfügung.

+

Erkläung zum Diagramm «Entwicklung der Verfügbarkeit»

+

Das Liniendiagramm zeigt die Verfügbarkeit von Regionen. 100 % = die Region ist kaum ausgelastet; 100 % der Mietobjekte sind verfügbar. 0 % = Die Region ist komplett ausgelastet; Es stehen keine Mietangebote zur Verfügung.

@@ -54,7 +54,7 @@

- Auslastung Wochentage am {{ $startDate }} + Verfügbarkeit Wochentage am {{ $startDate }}

@@ -120,7 +120,7 @@ const cCapacityOptions = { type: 'value', min: 0, max: 100, - name: 'Auslastung in %', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 38, nameTextStyle: { @@ -128,13 +128,13 @@ const cCapacityOptions = { } }, series: [{ - name: 'Auslastung alle Regionen', + name: 'Verfügbarkeit alle Regionen', type: 'line', symbolSize: 7, data: {!! json_encode($regionCapacities['all']['capacities']) !!} }, { - name: 'Auslastung Region', + name: 'Verfügbarkeit Region', type: 'line', symbolSize: 7, data: {!! json_encode($regionCapacities['region']['capacities']) !!} @@ -161,7 +161,7 @@ const cCapacityMonthlyOptions = { xAxis: { type: 'value', max: 100, - name: 'Auslastung in %', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 25, nameTextStyle: { @@ -211,7 +211,7 @@ const cCapacityDailyOptions = { xAxis: { type: 'value', max: 100, - name: 'Auslastung in %', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 25, nameTextStyle: { @@ -277,7 +277,7 @@ const cPredictionOptions = { type: 'value', min: 0, max: 100, - name: 'Auslastung in %', + name: 'Verfügbarkeit in %', nameLocation: 'center', nameGap: 38, nameTextStyle: { @@ -430,7 +430,7 @@ const cHeatmapOptions = { }, series: [ { - name: 'Auslastung', + name: 'Verfügbarkeit', type: 'heatmap', blurSize: 0, data: {!! json_encode($regionPropertiesCapacities['values']) !!}, @@ -439,7 +439,7 @@ const cHeatmapOptions = { }, tooltip: { formatter: (data) => { - return `Kurzzeitmietobjekte-ID: ${data.data[1]}
Datum Scraping: ${data.data[0]}
Auslastung: ${data.data[2].toFixed(2)} %` + return `Kurzzeitmietobjekte-ID: ${data.data[1]}
Datum Scraping: ${data.data[0]}
Verfügbarkeit: ${data.data[2].toFixed(2)} %` }, }, emphasis: { diff --git a/documentation/diagrams/ETL_C4.drawio b/documentation/diagrams/ETL_C4.drawio index 679e3d3..9764600 100644 --- a/documentation/diagrams/ETL_C4.drawio +++ b/documentation/diagrams/ETL_C4.drawio @@ -1,113 +1,113 @@ - + - + - - + + - + - + - + - + - + - + - + - - + + - - + + - + - + - + - + - + - + - + - + - + - - + + - + - + - + - +