d3;将多个 svg 附加到 div

Question

链接到 jQuery/d3 代码； Pastebin

问题是这样的。我有两个独立的 div，#temp 和 #cpu。我想附上一张图表，其中包含有关 CPU 负载和温度的统计信息（这是前 100 小时的图表）。

它应该将一个 SVG 附加到一个 div。它现在所做的是它正确地附加了 CPU 的东西，但是对于温度，它将一个空的 SVG 添加到 #temp div 并将另一个具有正确信息的 SVG 添加到 CPU div。

欢迎任何帮助！

Answer 1

您将对 SVG 的引用分配给同一变量 svga。创建 SVG 后，您只能访问其中一个 - 另一个没有变量。

您可以通过使用不同的变量（例如 svga 和 svgb）或每次通过 d3.select("#cpu > svg") 之类的方式明确引用 SVG 来解决此问题。