Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

饼图的legend太多,不能滚动 #6571

Open
qingfengmy opened this issue Dec 30, 2024 · 3 comments
Open

饼图的legend太多,不能滚动 #6571

qingfengmy opened this issue Dec 30, 2024 · 3 comments

Comments

@qingfengmy
Copy link

问题描述

图片

重现链接

No response

重现步骤

示例代码,加上legend,页面上legend显示不全,也无法滚动

预期行为

希望可以滚动,或者翻页

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response

Copy link

您提到的问题是关于饼图的图例(legend)过多,导致无法完全显示且无法滚动或翻页。为了帮助解决这个问题,您可以尝试以下方法:

  1. 调整图例样式:通过设置图例的样式属性来减少每个图例项所占的空间。例如,减小字体大小或增加图例的列数。

  2. 启用滚动:检查是否可以通过配置项启用图例的滚动功能。某些图表库支持通过配置选项来启用图例的滚动。

  3. 分页显示:如果图表库支持分页功能,可以考虑将图例分页显示。

  4. 自定义图例:如果内置的图例功能无法满足需求,可以考虑自定义图例的显示方式,通过监听图例的点击事件来实现滚动或翻页效果。

如果您使用的是 antvis/G2,并且这些方法无法解决问题,请告诉我,我可以帮助您进一步查找相关的解决方案或创建一个问题报告给开发团队。

🪧 Tips For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

@qingfengmy
Copy link
Author

无法解决,不知道怎么启用滚动和设置分页显示

@BQXBQX
Copy link
Contributor

BQXBQX commented Dec 30, 2024

显示不全的原因是 padding 被设置为 0, 将 padding 相关代码注释掉后恢复正常。
https://github.com/antvis/G2/blob/v5/site/docs/manual/FAQ/index.zh.md

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants