D3.js 聚合物中d3元素获取困难

D3.js 聚合物中d3元素获取困难,d3.js,polymer,javascript,jquery,cubism.js,D3.js,Polymer,Javascript,Jquery,Cubism.js,我正在尝试实现,并且在我的组件中使用v2。第一步是为图表选择DOM元素: d3.select("#example1").call(function(div) { ... }); 这将在cubism.v1.js的第1205行返回以下错误: 未捕获的TypeError:无法读取null的属性“appendChild” 检查代码时,div对象没有id,innerHtml值都是我的html(以开始,以结束) 我假设这是由于在代码运行后聚合物渲染,但我不确定。我尝试将select语句放在下自己的

我正在尝试实现,并且在我的组件中使用v2。第一步是为图表选择DOM元素:

d3.select("#example1").call(function(div) {
...    
});
这将在cubism.v1.js的第1205行返回以下错误:

未捕获的TypeError:无法读取null的属性“appendChild”

检查代码时,
div
对象没有id,
innerHtml
值都是我的html(以
开始,以
结束)

我假设这是由于在代码运行后聚合物渲染
,但我不确定。我尝试将
select
语句放在
下自己的
标记和
Polymer.ready
函数中。两者都有相同的结果


如何解决此问题?

我可以通过更改此选项来解决此问题:

d3.select("#example1").call(function(div) { .. }
为此:

var chart = self.$$('#example1');
d3.select(chart).call(function(div) { ... }

如下面所述。

为了使用D3V5在Polymer中选择阴影DOM元素(具有id、类等),您可以简单地执行以下操作:

<div id="example"></div>

d3.select(this.$.example)

d3.选择(此.$示例)