图例过长会导致图表UI显示有问题, 分页器也看不见了

[YanWaite]

问题描述

当图例设置了一个非常长的名称时, 会导致图表显示上有问题
为什么要设置那么长的名称? 因为我的业务场景用上了, 泪目

重现链接

https://g2.antv.antgroup.com/examples/interaction/component#legend

重现步骤

设置一个非常长的字符串, 在配置 color 的 encode 里面

预期行为

我的预期, 有两种:

1. 将超出的文本使用省略符号 ...
2. 隐藏/取消分页器, 一行只显示一个图例并通过换行的方式显示所有文本, 通过一个固定宽高的容器将那些图例包起来, 通过滚动条滑动方式查看显示的所有文本和所有的图例. (这个我强烈推荐)

平台

• 操作系统: [Windows]
• 网页浏览器: [Google Chrome]
• AntV G2版本: [5.2.3]

屏幕截图或视频（可选）

补充说明（可选）

No response

[YanWaite]

https://g2.antv.antgroup.com/examples/component/legend/#category
使用这个链接, 并将 logo 数组中 第一个名称设置非常长的文本, 就很容易复现出来

[YanWaite]

是否可以参考 Grafana 在多实例时的显示方式呢?

[jiayongchang]

我也遇到了，怎么解决的？

[YanWaite]

@jiayongchang 目前没有解决 只能自己去通过省略号的方式展示