javascript - 为什么使用 $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 解决了他们的问题。

How to make flot responsive?

我建议尝试在您的应用程序中包含 flot resize js，看看是否可以解决问题。

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

参见:http://www.flotcharts.org/flot/examples/resize/