Javascript 使用angular-nvd3指令的饼图不会填充父块
我试图在angularJS驱动的网页中构建一个饼图。我成功地制作了饼图。保存此图表的父块的形状为圆形(通过设置半径完成)。我试图将此图表完全放入块中,但饼图并不完全放入其中 以下是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
<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>