Dc.js piechart图例溢出

Question

我正在使用dc.js在其他东西中渲染一个带有图例的拼图。但是，当片段图包含大量数据时，所有图例项都不适合，它们只是被隐藏起来。如果我检查DOM，我就能知道它们是被渲染的。

我的问题截图：

​

​

我已经尝试简单地向<g class="dc-legend">元素添加一个overflow:scroll;，该元素包含所有图例项。但这不能工作obv，因为它的svg。

我试着用谷歌搜索这个问题，但还没有找到解决方案。我知道在highcharts中有一个对标签进行分页的选项。

如何在dc.js中解决这个问题？

Answer 1

你有没有试过把容器变宽？您可以使用.svg函数，该函数将返回图表的顶部svg元素，您可以在那里设置所需的宽度。更多信息here。

编辑：

或者，您可以为包含图形的div设置固定的宽度和高度，并将svg设置为您想要的大小，以便显示标签。然后将div设置为可滚动。

有关更多信息，请查看此答案：How to get ScrollBars in SVG?