Javascript dojo图表上的多行图例

我在同一页上创建了许多图表，具有特定的宽度。 问题是只有图表尊重宽度，而图例不尊重宽度。 如果图例的宽度高于指定的宽度，是否有方法使其打断线条。 我试过使用CSS，但它是一个有很多

我想：

Legend1 Legend2 Legend3 Legend4 Legend5 Legend5 Legend6 Legend7

变成

Legend1 Legend2 Legend3 Legend4
Legend5 Legend6 Legend7

dojo生成的代码是：

<table>
 <tr>
  <td>
   <div class="icon">.<svg />.</div>
   <label>Label content</label>
  </td>
 </tr>
</table>

..
标签内容

您可以试试

legend{
    float:left
}

---

我一直在寻找解决方案，我已经找到了： 可以使用以下数字更改在“水平”属性上指定它的行数：

legend = new dojox.charting.widget.SelectableLegend({chart: chart, horizontal:3},"legend");

---

参考：

但我想要的是在达到最大尺寸时断开该行，它们已经并排出现，我想要在达到最大尺寸时断开该行。这是dojo生成的代码。但我将提供一个生成内容的示例。您是否尝试将其放在带有图例的表格中？？不确定达到最大尺寸时的断裂情况？？可能会增加TD的宽度？？