Update Umsetzung
parent
92b883aab5
commit
978a8f5d3d
@ -676,6 +676,33 @@ Folgende Daten erhalten wir aus dem Backend:
|
|||||||
<img src="uploads/21650291359283db5274f1307f29008f/image.png"/>
|
<img src="uploads/21650291359283db5274f1307f29008f/image.png"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Diese werden dann wie folgt in den ChartOptions eingebunden:
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
this.chartOptions = {
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: 'amount of drives',
|
||||||
|
type: 'bar',
|
||||||
|
data: source.map(value => value.number)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'average rental duration',
|
||||||
|
type: 'line',
|
||||||
|
data: source.map(value => Math.round(value.avgDuration / 60))
|
||||||
|
}
|
||||||
|
],
|
||||||
|
...
|
||||||
|
xaxis: {
|
||||||
|
title: {
|
||||||
|
text: 'time of the day'
|
||||||
|
},
|
||||||
|
categories: source.map(value => value.timeFrame),
|
||||||
|
tickAmount: 24,
|
||||||
|
tickPlacement: 'between'
|
||||||
|
},
|
||||||
|
```
|
||||||
|
|
||||||
# Deployment
|
# Deployment
|
||||||
Da es sich um ein Web-Projekt handelt, lag die Idee nahe, es auf einem Server in der Cloud zu deployen. Wir haben uns hierbei für den Anbieter [Hetzner](https://hetzner.cloud) entschieden. Dort läuft ein Ubuntu 20.04 Server mit zwei CPU Kernen und 2 Gigabyte Arbeitsspeicher. Dies ist vollkommen ausreichend für dieses Projekt. In der Serverkonsole kann man CPU, Festplatte und Netzwerk beobachten.
|
Da es sich um ein Web-Projekt handelt, lag die Idee nahe, es auf einem Server in der Cloud zu deployen. Wir haben uns hierbei für den Anbieter [Hetzner](https://hetzner.cloud) entschieden. Dort läuft ein Ubuntu 20.04 Server mit zwei CPU Kernen und 2 Gigabyte Arbeitsspeicher. Dies ist vollkommen ausreichend für dieses Projekt. In der Serverkonsole kann man CPU, Festplatte und Netzwerk beobachten.
|
||||||
<table>
|
<table>
|
||||||
|
Loading…
Reference in New Issue
Block a user