為什么在使用$ route（AngularJS）進行更改時，帶有該浮動圖表的div無法正確調整大小

Question

如果我從主屏幕上單擊，然后返回，則該圖的大小無法正確調整。

HTML很簡單（某些樣式用於調試/測試）：

<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>

它在做什么：

我想要它在做什么：

Answer 1

我還沒有使用過flot，但是通過搜索來尋找與angular相關的flot大小問題，其中一項評論表明，flot-resize插件使用angular來解決了他們的問題。

如何使拍子響應？

我建議嘗試將flt resize js包含在您的應用中，看看是否可以解決。

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

請參閱： http : //www.flotcharts.org/flot/examples/resize/