Javascript 使用angular-nvd3指令的饼图不会填充父块

Javascript 使用angular-nvd3指令的饼图不会填充父块,javascript,css,angularjs,nvd3.js,angularjs-nvd3-directives,Javascript,Css,Angularjs,Nvd3.js,Angularjs Nvd3 Directives,我试图在angularJS驱动的网页中构建一个饼图。我成功地制作了饼图。保存此图表的父块的形状为圆形(通过设置半径完成)。我试图将此图表完全放入块中,但饼图并不完全放入其中 以下是nvd3元素的代码 <div class="hollowpie {{ subject.subject_name }}"> <nvd3-pie-chart id="{{ subject.subject_name }}Level" data="s

我试图在angularJS驱动的网页中构建一个饼图。我成功地制作了饼图。保存此图表的父块的形状为圆形(通过设置半径完成)。我试图将此图表完全放入块中,但饼图并不完全放入其中

以下是nvd3元素的代码

<div class="hollowpie {{ subject.subject_name }}">
          <nvd3-pie-chart
          id="{{ subject.subject_name }}Level"
          data="scores[$index]"
          x="xFunction()"
          y="yFunction()"
          width="100000"
          height="100000"
          color="levelcolorFunction($index)">
            <svg></svg>
          </nvd3-pie-chart>
<div>
数据加载良好,显示的饼图正是我所需要的,除了大小。我试图调整宽度和高度属性,但没有任何区别。是否有任何CSS需要添加或更改


编辑1:这是我创建的小提琴的链接。我对此非常陌生,无法为angular-nvd3图表指令()添加外部依赖项。如果可以,请提供帮助。

这是一篇旧文章,但这里是CDN:

把它放进你的脑子里。 例如:

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-nvd3-directives/0.0.8/angularjs-nvd3-directives.min.js"></script>


如果可能,为我们提供fiddle linkHi。谢谢你的回复。我添加了一个小提琴,但无法加载angular-nvd3外部依赖项。如果可以的话,请帮助我。谢谢
 <script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-nvd3-directives/0.0.8/angularjs-nvd3-directives.min.js"></script>