javascript - Angular nvd3 折线图自动调整大小

Question

我正在使用 Angular nvd3 指令。

根据示例:https://github.com/angularjs-nvd3-directives/angularjs-nvd3-directives/blob/master/examples/lineChart.with.automatic.resize.html

<!--
width and height are removed from the directive for automatic resizing.
-->

好吧，如果我更改图形的 Div 大小。它会调整大小，但只有当我移动/打开/关闭“控制台 View ”时(ctrl + shift + i 在 FF 上)。

我检查了 angular-nvd3-directive，没有调整大小的事件调用，所以我想这是一个 d3/nvd3 comportement？

我目前的问题是:如何模拟这种事件来调整图表的大小？

Answer 1

您可以尝试触发另一个可以重新绘制图形的调整大小事件。 window.dispatchEvent(new Event('resize'));

Chart.js 的类似方法对我有用。当可见的控制台更改页面时，这很奇怪 - 仍然不完全理解它是如何工作的，但它会定期显示动态布局。