我正在使用 dc.js 渲染一个带有图例的饼图。然而，当饼图包含大量数据时，所有图例项都不适合，它们只是被隐藏了。如果我检查 DOM，我可以知道它们已被渲染。
我的问题截图:
我试过简单地添加一个 overflow:scroll;到 <g class="dc-legend">包含所有图例项的元素。但这对 obv 不起作用，因为它是 svg。
我已经尝试用谷歌搜索来解决这个问题，但还没有找到解决方案。我知道在 highcharts 中有一个选项可以对标签进行分页。
如何在 dc.js 中解决这个问题？
最佳答案
你试过让容器变宽吗？您可以使用 .svg 函数返回图表的顶部 svg 元素，在那里您可以设置您想要的宽度。更多信息 here .
编辑:
或者您可以为包含图形的 div 设置固定的宽度和高度，并使 svg 尽可能大，以便显示标签。然后使 div 可滚动。
查看此答案以获取更多信息:How to get ScrollBars in SVG?
关于javascript - dc.js饼图图例溢出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37456375/