使用d3画图表，想将图表中的名称使用ww-open-data组件替换， 由于d3绘制的svg带有命名空间，导致不同命名空间下的ww-open-data组件不会展示。

有什么方案能让 <ww-open-data></ww-open-data>组件插入到 使用了命名空间的svg下？

var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.setAttribute('height', '100')
svg.setAttribute('width', '100')


var ww1 = document.createElementNS('http://www.w3.org/2000/svg', 'ww-open-data');
ww1.setAttribute('type', 'userName');
ww1.setAttribute('openid', 'xxxxx');
svg.appendChild(ww1)


var ww = document.createElement('ww-open-data');
ww.setAttribute('type', 'userName');
ww.setAttribute('openid', 'xxxxx');
svg.appendChild(ww)
document.getElementById('tt').appendChild(svg);