我试图获得指令父级的高度,其目的是自动调整图表的大小到它的父html容器。感觉像这个问题已经解决了一百万次,但我不知道为什么我的代码不起作用 - 我认为我的错误与Angular.js有关,而不是D3。
在http://www.ng-newsletter.com/posts/d3-on-angular.html修改了非常好的教程,这是我的代码:http://codepen.io/anon/pen/QjNodL
我注意窗口大小的变化并执行此功能:
<div class="col-md-12" style="height: 100px;">
<d3-bars bar-height="20" bar-padding="5" data="ragChartData" on-click="onClick(item)" style="height: 100px;">
</d3-bars>
</div>
这是HTML:
d3.select(ele[0])
不幸的是
<d3-bars></d3-bars>
选择指令
{{1}}
但不是它的父母,我不知道如何选择它。
答案 0 :(得分:0)
您可以尝试使用这样的select函数:d3.select(ele[0].parentNode)