Die Größe von Diagrammen wird mit dem Container nicht geändert ⇐ CSS

[Guest]

Ich verwende ein ng2-Liniendiagramm in einem benutzerdefinierten Container, um wie eine Mattenkarte auszusehen. Wenn das Navigationsfeld ausgeblendet ist und die gesamte Seite anzeigt, ändert sich die Größe des Containers, die Diagramme jedoch nicht. Wenn ich sie in einer eigenen Zeile platziere, ändern sie ihre Größe, nebeneinander jedoch nicht. Aus Gründen der Benutzeroberfläche möchte ich sie nebeneinander halten.

Vorher:




Nachher:




Dies ist der Code für die Diagramme

Code: Select all

Dies ist das CSS für den Container

Code: Select all

.falseCard {
background-color: white;
padding: 1em;
width: 100%;
display: flex;
border-radius: 4px;
}

html für die Seite, auf der es sich befindet

Code: Select all