Javascript 带角度调整的Flot图表

Javascript 带角度调整的Flot图表,javascript,angularjs,html,angularjs-directive,Javascript,Angularjs,Html,Angularjs Directive,我使用angular指令在HTML中成功显示了flot图表。 它看起来像: <flot id="placeholder" dataset="dataset" options="options" height="300px" width="100%" style="width:100%;" ng-disabled="graphLoading" ng-class="{disabled:graphLoading}"></flot> 只是在寻找方向,或者我可以尝试调试或测试的东

我使用angular指令在HTML中成功显示了flot图表。 它看起来像:

<flot id="placeholder" dataset="dataset" options="options" height="300px" width="100%" style="width:100%;" ng-disabled="graphLoading" ng-class="{disabled:graphLoading}"></flot>

只是在寻找方向,或者我可以尝试调试或测试的东西的想法,以找到解决方案。这里似乎有一个jquery解决方案,但我正试图找到一个angularJS解决方案。

在回答我自己的问题时,最好的解决方案是使用flot.resize.js插件制作flot图表。我最初将其包含在index.html文件中,但由于angularJS的性质(我还在学习),需要将其包含在实际控制员视图html文件中才能访问它。因此,我将jquery.flot.resize.js放在我的项目中,并像这样引用它:

<script src="scripts/jquery.flot.min.js" cache="false"></script>
<script src="scripts/jquery.flot.time.js" cache="false"></script>
<script src="scripts/jquery.flot.resize.js" cache="false"></script>

你能提供更多关于这是如何工作的信息吗?在指令中是否仍将height属性设置为300px?
<script src="scripts/jquery.flot.min.js" cache="false"></script>
<script src="scripts/jquery.flot.time.js" cache="false"></script>
<script src="scripts/jquery.flot.resize.js" cache="false"></script>
window.onresize = function(event) {
    window.location.reload();
}