d3.js 我无法做出正确的图例
I can't make a right legend by d3.js
下面是我的结果：
但我想要的是像这样把每个条放在一起：
下面是我关于图例的主要代码：
在 D3 社区中创建此类图例的最传统（也是最通用）的方法是使用 <text> 和 <rect> SVG 元素（您可以按照自己的方式放置）。但是，一旦您使用 HTML <li>，请在 CSS:
中尝试这两种方法之一
li {
display: inline;
}
或者
li {
float: left;
}
下面是我的结果：
但我想要的是像这样把每个条放在一起：
下面是我关于图例的主要代码：
在 D3 社区中创建此类图例的最传统（也是最通用）的方法是使用 <text> 和 <rect> SVG 元素（您可以按照自己的方式放置）。但是，一旦您使用 HTML <li>，请在 CSS:
li {
display: inline;
}
或者
li {
float: left;
}