这是我的 jsfiddle ，它显示了2个饼图，它在html视图中给出了类似的内容：
＆＃xA;＆＃xA; ＆lt; svg width =“220”height =“220”＆gt;＆＃xA;＆lt; svg width =“220”height =“220” ＆gt;＆＃xA; ＆＃xA;＆＃xA; 这是我的小提琴，我试图在2个饼图之前插入一个svg，但我没有正确地写出来，其中一个饼图已经写完了。
＆＃xA;＆＃xA ;有人可以建议我如何显示所有3个svgs吗？
＆＃xA;＆＃xA;我所有的代码都在第二个小提琴
＆＃xA;＆＃xA; var width = $（document）.width（） -50 || 960，＆＃XA; height = $（document）.height（） - 50 || 500;＆＃xA;＆＃xA; //将svg标签附加/附加到宽度和高度为＆＃xA的body标签上; / *评论* /＆＃xA; var svg = d3.select（“body”）。append（“svg”）＆＃xA; .attr（“宽度”，宽度）＆＃xA; .attr（“height”，height）;＆＃xA;＆＃xA; data = [[10,5]，[32,24]]＆＃xA; z = d3.scale.category20c（）; ＆＃XA;＆＃XA; //将svg标签附加/附加到宽度和高度为＆＃xA的body标签上; var svg2 = d3.select（“body”）。selectAll（“svg”）＆＃xA; 。数据（数据）＆＃XA; 。。进入（）追加（ “SVG：SVG”）＆＃XA; .attr（“width”，220）＆＃xA; .attr（“height”，220）＆＃xA; .append（ “SVG：G”）＆＃XA; .attr（“transform”，“translate（”+ 100 +“，”+ 100 +“）”）＆＃xA;＆＃xA; svg2.selectAll（ “路径”）＆＃XA; 。数据（d3.layout.pie（））＆＃XA; 。。进入（）追加（ “SVG：路径”）＆＃XA; .attr（“d”，d3.svg.arc（）＆＃xA; .innerRadius（10）＆＃xA; .outerRadius（100））＆＃xA; .style（“fill”，function（d，i）{return z（i）;}）;＆＃xA; ＆＃xA;＆＃xA; 注：进一步背景是第一个svg是我工作的地图。我要做的是在这个上面创建一个图层，它将是饼图，在这种情况下只是2，但你必须从某个地方开始：）
＆＃xA;