2014-09-22 183 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