Javascript 在D3中定位多个图表

我对D3中如何定位多个图表感到困惑。最终目标是创建一个多图表仪表板

拿着。我不明白为什么第二张图表（右上）选择了这个位置。代码中没有任何东西（我可以看到）将第二个图表定位到第一个图表的右侧。我如何将第二张图表定位在第一张图表下方

---

我是D3新手，我希望有人能给我指出正确的方向。非常感谢

它的工作方式是CSS。代码在

中创建了2个

DOM元素。这是

---

您可以利用它创建自己的多个图表。还有其他可能的技术（在单个

元素中创建这两个元素，并自行处理包含单个图表的

元素的转换）。以下是后者的一个示例：

默认情况下，SVG显示为

内联

。这就是为什么在链接的代码中，第一个SVG位于左上角，而第二个SVG位于右上角

检查此演示，两个SVG都附加到主体上，第一个在左上角，第二个在右上角：

var svg=d3.select（“body”）.selectAll（“foo”）
.数据（[1,1]）
.输入（）
.append（“svg”）
.attr（“宽度”，100）
.attr（“高度”，100）
svg{
背景颜色：棕褐色；
右边距：10px；
边缘底部：10px；
}