我有一个现有的 svg 元素,例如:
<svg width="300" height="200">
<circle cx="50" cy="10" r="5" fill="green"></circle>
<circle cx="100" cy="20" r="10" fill="green"></circle>
<circle cx="150" cy="30" r="15" fill="green"></circle>
</svg>
我想提取圆圈的 cx 值并将它们作为数据绑定回圆圈。我可以用一个来做到这一点:
var x = +d3.select('circle').attr('cx');
d3.select('circle').datum(x);
但是我无法弄清楚如何将所有 cx 值收集到一个数组中并将它们连接到圆圈中。 (或者也许有一种更直接的方法可以在不使用数据数组的情况下执行此操作。)
这个答案 https://stackoverflow.com/a/43646752/5314416解释了如何在控制台中查看所有属性,但没有解释如何存储它们或将它们绑定到 DOM 元素。
这对你有用吗?
d3.selectAll('circle').datum(function() {
return parseFloat(this.getAttribute('cx'));
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)