Dc.js饼图传奇溢出

Question

我使用dc.js在其他东西中呈现带有图例的饼图。但是，当饼图包含大量数据时，所有图例项都不适合，它们只是隐藏。如果我检查DOM，我可以告诉它们被渲染。

我的问题的屏幕截图：

我尝试在overflow:scroll;元素中添加<g class="dc-legend">，其中包含所有图例项。但是，自从它的svg以来，这不起作用。

我已经尝试过Google搜索，但还没有找到解决方案。我知道在highcharts中有一个选项可以对标签进行分页。

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

Answer 1

您是否尝试过更宽容器？你可以使用.svg函数返回图表的顶级svg元素，在那里你可以设置你想要的宽度。更多信息here。

编辑：

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

查看此答案以获取更多信息：How to get ScrollBars in SVG?