Javascript 如何在D3.JS中使用圆内的defs元素
我在Javascript 如何在D3.JS中使用圆内的defs元素,javascript,svg,d3.js,Javascript,Svg,D3.js,我在defs标记中的g中有一个形状(绘制的云)。不幸的是,我无法在使用d3.js的圆中使用此形状。这是我的密码: 我试图做的是在SVG中所示的圆圈内显示defs标记中的形状。我曾多次尝试不同的方法,但无法使用圆圈内defs标记的形状。有人能帮我解决这个问题吗?先谢谢你 A圆不能包含其他形状。根据规定,它可能只包含和。这些类别不包括圆形或使用等形状 与其嵌套形状,不如创建一个父级g,并将圆和使用附加到该形状上: // Create a `g`, rather than a `circle`, f
defs
标记中的g
中有一个形状(绘制的云)。不幸的是,我无法在使用d3.js的圆中使用此形状。这是我的密码:
我试图做的是在SVG中所示的圆圈内显示defs标记中的形状。我曾多次尝试不同的方法,但无法使用圆圈内defs
标记的形状。有人能帮我解决这个问题吗?先谢谢你 A圆
不能包含其他形状。根据规定,它可能只包含和。这些类别不包括圆形
或使用
等形状
与其嵌套形状,不如创建一个父级g
,并将圆
和使用
附加到该形状上:
// Create a `g`, rather than a `circle`, for each data point
var groups = svg.selectAll(".group").data(data).enter().append("g")
.attr("class", "group");
// Append a `circle` to the new g
groups.append("circle")
.attr("cx",100).attr("cy",100).attr("r",20);
// Append a `use` to the new g
groups.append("use").attr("xlink:href", "#mySymbol");
A圆
不能包含其他形状。根据规定,它可能只包含和。这些类别不包括圆形
或使用
等形状
与其嵌套形状,不如创建一个父级g
,并将圆
和使用
附加到该形状上:
// Create a `g`, rather than a `circle`, for each data point
var groups = svg.selectAll(".group").data(data).enter().append("g")
.attr("class", "group");
// Append a `circle` to the new g
groups.append("circle")
.attr("cx",100).attr("cy",100).attr("r",20);
// Append a `use` to the new g
groups.append("use").attr("xlink:href", "#mySymbol");
A圆
不能包含其他形状。根据规定,它可能只包含和。这些类别不包括圆形
或使用
等形状
与其嵌套形状,不如创建一个父级g
,并将圆
和使用
附加到该形状上:
// Create a `g`, rather than a `circle`, for each data point
var groups = svg.selectAll(".group").data(data).enter().append("g")
.attr("class", "group");
// Append a `circle` to the new g
groups.append("circle")
.attr("cx",100).attr("cy",100).attr("r",20);
// Append a `use` to the new g
groups.append("use").attr("xlink:href", "#mySymbol");
A圆
不能包含其他形状。根据规定,它可能只包含和。这些类别不包括圆形
或使用
等形状
与其嵌套形状,不如创建一个父级g
,并将圆
和使用
附加到该形状上:
// Create a `g`, rather than a `circle`, for each data point
var groups = svg.selectAll(".group").data(data).enter().append("g")
.attr("class", "group");
// Append a `circle` to the new g
groups.append("circle")
.attr("cx",100).attr("cy",100).attr("r",20);
// Append a `use` to the new g
groups.append("use").attr("xlink:href", "#mySymbol");
Joews。非常感谢您的回复。请您用几句话向我解释一下您在示例中使用的类包装器。您在返回包装器元素的变量圆后附加了一个圆?再次感谢您的帮助。我已经添加了一些注释并整理了fiddle中的变量名以使其更清晰。这有帮助吗?我已经看过评论了。他们帮了很多忙。非常感谢你的帮助,乔伊斯。非常感谢您的回复。请您用几句话向我解释一下您在示例中使用的类包装器。您在返回包装器元素的变量圆后附加了一个圆?再次感谢您的帮助。我已经添加了一些注释并整理了fiddle中的变量名以使其更清晰。这有帮助吗?我已经看过评论了。他们帮了很多忙。非常感谢你的帮助,乔伊斯。非常感谢您的回复。请您用几句话向我解释一下您在示例中使用的类包装器。您在返回包装器元素的变量圆后附加了一个圆?再次感谢您的帮助。我已经添加了一些注释并整理了fiddle中的变量名以使其更清晰。这有帮助吗?我已经看过评论了。他们帮了很多忙。非常感谢你的帮助,乔伊斯。非常感谢您的回复。请您用几句话向我解释一下您在示例中使用的类包装器。您在返回包装器元素的变量圆后附加了一个圆?再次感谢您的帮助。我已经添加了一些注释并整理了fiddle中的变量名以使其更清晰。这有帮助吗?我已经看过评论了。他们帮了很多忙。非常感谢你的帮助,乔伊斯。