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来解决此问题。