Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在D3.JS中使用圆内的defs元素_Javascript_Svg_D3.js - Fatal编程技术网

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中的变量名以使其更清晰。这有帮助吗?我已经看过评论了。他们帮了很多忙。非常感谢你的帮助,乔伊斯。