D3.js 聚合物中d3元素获取困难
我正在尝试实现,并且在我的组件中使用v2。第一步是为图表选择DOM元素: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语句放在下自己的
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.选择(此.$示例)