gpt4 book ai didi

javascript - dc.js饼图图例溢出

转载 作者:行者123 更新时间:2023-11-30 16:02:48 28 4
gpt4 key购买 nike

我正在使用 dc.js 渲染一个带有图例的饼图。然而,当饼图包含大量数据时,所有图例项都不适合,它们只是被隐藏了。如果我检查 DOM,我可以知道它们已被渲染。

我的问题截图:

enter image description here

我试过简单地添加一个 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/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com