我无法通过d3.js创造一个正确的传奇

Question

这是我的结果：

但我想要的是把每个酒吧都放在一起：

以下是关于传奇的主要代码：

Answer 1

在D3社区中创建此类传说的最传统（和多功能）方式是使用<text>和<rect> SVG元素（您可以按照自己的方式定位）。但是，一旦您使用HTML <li>，请在CSS中尝试以下两种方法之一：

li {
    display: inline;
}

或者

li {
    float: left;
}