Javascript D3：如何在一页上有多个图形

我对编程很陌生。 我正在发布指向我的plunker的链接：

这里有两个图形，即“SJF”、“FCF”，它们是通过单击各自的按钮生成的。 这里的问题是：

单击这些按钮会显示相应的矩形，但它们不会像我所希望的那样一个接一个地显示。 （这可能是因为div代码块是“内联的”）

---

我不知道如何进行。我尝试删除内联块，但似乎不起作用。

我不知道结果应该是什么样子，但您尝试过将内联块更改为块吗？我删除了显示：内联块，它给出了所需的结果，这是所需的输出吗？它应该是这样的。一个图形位于另一个图形的下方，但图形中的块必须是内联的。目前，图形一个接一个，但没有相互对齐。我想把它们对齐，这样它们看起来就不会奇怪了。

div.bar {
                display: inline-block;
}