我在我的 Ionic 应用程序中使用 nvd3。有一种情况是我面临一个问题，即我在一个选项卡上有一个 PieChart，在另一个选项卡上有 IonicModal。一旦我打开 IonicModal，然后当我进入 PieChart 选项卡时，图表变得如此之小。对我来说看起来很奇怪，因为如果 IonicModal 在同一个选项卡上，并且 pieChart 是可见的，那么 Modal 不会影响 pieChart，但是如果 pieChart 被隐藏并且我打开 Modal，那么图表再次变得如此小（设计被打扰了）...
这是一张图片
这里是精简版
这是紧凑的。任何帮助，将不胜感激。
您可以尝试extended: true在config属性中使用：
<nvd3 options="options" config="{extended: true}" data="data"></nvd3>
这是一个 Plunker：http ://plnkr.co/edit/WQq6e5?p=preview
IonicModal 可以在 Dash 选项卡和 Account 选项卡中打开。
如果您神奇地删除了配置属性，您注意到的问题就会发生......
大家好，我通过更改width="100%"为width="100vw"in angular nvd3 指令解决了这个问题。
像这一行：
scope.svg.attr('width', '100%').style({width: '100%'});
变成：
scope.svg.attr('width', '100%').style({width: '100vw'});
我使用了以下 SO 链接，它可以帮助您了解 100% 和 100vw 之间的区别：