如何用D3.select选择指令的父级?

时间:2015-09-18 20:53:19

标签: javascript angularjs d3.js

我试图获得指令父级的高度,其目的是自动调整图表的大小到它的父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}}

但不是它的父母,我不知道如何选择它。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用这样的select函数:d3.select(ele[0].parentNode)