2014-09-22 152 views
0

我正在绘制使用D3.js库的图。将SVG元素插入另一个带类的SVG元素

我需要在类“abc”的svg元素之前插入一个svg元素。

这就是我试图做的:

gParent[0][0].insertBefore("g", $('.abc')) 
.attr({ 
      class: "axis-down", 
      transform: "translate(120, 120)" 
     }) 

但是,它不工作,并给出了一个错误。

这工作得很好,但ABC后附加g并且前

gParent.append("g") 
    .attr({ 
       class: "axis-down", 
       transform: "translate(120, 120)" 
      }) 

gParent是父节点。

任何想法我做错了什么?

回答

2

在D3中,语法很简单.insert(SVG:元素类型, “CSS选择器”)

那么这将工作:

gParent.insert("g", ".abc") 
.attr({ 
      class: "axis-down", 
      transform: "translate(120, 120)" 
     }) 
+0

威尔是创建一流轴下一个新的SVG元素.abc之前? – Ishita 2014-09-22 21:29:14

+0

我试过了,它工作。谢谢以利亚。你太棒了 :) – Ishita 2014-09-22 21:30:41