【发布时间】：2016-11-13 07:15:46
【问题描述】：
【问题讨论】：
-
请不要把代码截图提供fiddle
-
请不要粘贴代码的图片，粘贴代码本身。
-
对此感到抱歉。 JsFiddle
【发布时间】：2016-11-13 07:15:46
【问题描述】：
在 D3 社区中创建此类图例的最传统（和通用）方式是使用 <text> 和 <rect> SVG 元素（您可以按照自己的方式定位）。但是，一旦您使用 HTML <li>，请在您的 CSS 中尝试以下两种方法之一：
li {
display: inline;
}
或者
li {
float: left;
}
【讨论】：
-
对了，你知道怎么把吧台变长吗？
-
使文本更长（带有一些空格）。
-
你有更好的方法只调整栏吗？按照上面的例子，他们有更长的酒吧。
-
是的，但不是您的代码：您的条形图遵循
<li>的长度（更好地解释：您的条形图是文本的顶部边框）。因此，最简单的方法是在文本中添加空格 -
呃...我的意思是我关注this 添加有关图例的代码。我应该使用相同的代码得到相同的结果。