OKR Frontend - Measure (Messung) - Resultat Beschreibung Diagramm

[tuxmatta]

Als Kunde möchte ich bei den Measure (Messung) Resultat Beschreibung ein Diagramm mit der Entwicklung der Messung sehen, damit ich der Verlauf der Messung kontrollieren kann.

Beispiel-Diagramm

• [x] Die Ausgabe entspricht dem ScreenShot
• [x] Angular Komponente und das Template sind mit Jest getestet
• [x] Die benötigten Daten werden mittels Service + RxJS geladen.

[lkleisa]

Ich habe das Diagramm fertiggestellt. Es funktioniert jetzt, dass die einzelnen Messungen im Diagramm dargestellt werden und dass es sich an den Daten angepasst. Es gibt noch ein Problem mit der Darstellung, dass das Diagramm jetzt auf der rechten Seite der KeyResult Overview ist, jedoch noch viel zu klein. Dies habe ich noch nicht hinbekommen. Tests sind soweit für die Holung der Daten aus dem Service da, evt. gibt es noch eine Möglichkeit, das Diagramm selbst zu testten, dies hat es mir jedoch nicht mehr gerreicht anzuschauen.

[lkleisa]

• [x] Tests überprüfen und evt. optimieren
• [x] Darstellung optimieren
• [x] Vergrösserung der Seite anschauen und schauen, ob sich das Diagramm so verhaltet, wie es soll

[MarcEgliP]

Vorgehen:

• [x] Auf Branch auschecken
• [x] Übersicht verschaffen
• [x] Checkliste von Lias (siehe oben), abarbeiten

[MarcEgliP]

Was jetzt noch geändert wurde:

• Das Diagramm wurde nun grösser gemacht und ist jetzt auch responsive

• Um das Diagramm responisve zu machen, musste an der keyresult overview die Struktur leicht geändert werden: Wir arbeiten nun mit dem Bootstrap Grid, beim Handy wird das Diagramm bspw. nun nicht mehr rechts, sondern unterhalb den Informationen angezeigt

• Zusätzlich habe ich noch einen Test hinzugefügt, welcher testet ob die DiagrammObjects korrekt erstellt wurden, dazu musste ich den Code aus der genereateDiagram Methode extrahieren und daraus eine eigene Methode machen. (So haben wir das ganze etwas enkapselt)

[MarcEgliP]

Geändert:

• Das Goal wird nun auch an den diagram component gegeben, damit wir Zugriff auf den BasicValue und TargetValue haben
• Diese Values werden benutzt um das provisorische min und max des Diagrams zu bestimmen
• Entstehen Werte über dem Basicvalue und Targetvalue, so werden diese automatisch als min oder max gesetzt, da wir nun im setup des Diagrams suggestedMin und suggestedMax anstatt min und max verwenden.
• Ebenfalls werden die Punkte so nicht mehr abgschnitten.