d3; 將多個svg附加到div

Question

鏈接到jQuery / d3代碼； Pastebin

問題是這樣的。 我有兩個單獨的div，即#temp和#cpu。 我想給它附上一張圖表，其中包含有關CPU負載和溫度的統計信息（這是前100小時的圖表）。

它應將一個SVG附加到一格。 現在，它執行的操作是正確地附加了CPU組件，但是對於溫度，它向#temp div添加了一個空的SVG，並向CPU div添加了具有正確信息的另一個SVG。

歡迎任何幫助！

Answer 1

您正在將對SVG的引用分配給相同的變量svga 。 創建SVG之后，您只能訪問其中一個-另一個則沒有變量。

您可以使用不同的變量（例如svga和svgb ）解決問題，也可以通過每次通過類似d3.select("#cpu > svg")類的d3.select("#cpu > svg")顯式引用svgb來解決此問題。