Dlaczego div z tym flotowaniem nie zmienia poprawnie rozmiaru przy zmianie za pomocą $ route (AngularJS) - javascript, html, angularjs

Jeśli kliknę poza ekran główny, a następnie wrócę, widzę, że wykres nie zmienia rozmiaru poprawnie.

HTML jest po prostu (część stylizacji służy do debugowania / testowania):

<div class="panel-body" ng-show="graphType !== "Mood Sentiment"" style="width:100%; max-width:100%;">
<flot id="placeholder" dataset="dataset" options="options" height="300px" style="width:100%; max-width:100%;"
ng-disabled="graphLoading" ng-class="{disabled:graphLoading} "></flot>
</div>

Co to robi:

Co chcę, żeby to robiło:

Odpowiedzi:

Nie użyłem flota, ale znalazło to poszukiwanie problemów z rozmiarem flota w Angular, jeden z komentarzy sugerował, że wtyczka Flot-Resize rozwiązała swoje problemy z użyciem Angulara.

Jak sprawić, by flot był responsywny?

Sugeruję, aby spróbować dołączyć js zmiany rozmiaru flot js do swojej aplikacji i sprawdzić, czy to naprawi.

<script src="../../jquery.flot.js"></script>
<script src="../../jquery.flot.resize.js"></script>

Widzieć: http://www.flotcharts.org/flot/examples/resize/