G2 icon indicating copy to clipboard operation
G2 copied to clipboard

Legend itemLabel超出长度默认省略后显示tooltip

Open xiyeeee opened this issue 7 months ago • 7 comments

Describe the feature / 功能描述

Image

Are you willing to contribute? / 是否愿意参与贡献?

❌ No / 否

xiyeeee avatar May 07 '25 09:05 xiyeeee

通过 https://g.antv.antgroup.com/api/basic/text#isoverflowing 判断是否超出长度,然后显示tooltip。 tooltip可能会遮挡其他的item,可以通过开关控制是否开启。 详见 https://github.com/antvis/G2/issues/6219

interstellarmt avatar May 08 '25 02:05 interstellarmt

我可以研究一下这个问题

afkdsghk211331 avatar May 08 '25 03:05 afkdsghk211331

我可以研究一下这个问题

感谢贡献 🎉 有任何进展可以在这里更新~

interstellarmt avatar May 08 '25 03:05 interstellarmt

@xiyeeee 没有找到itemLabel配置文字长度的选项,可否提供一下复现链接?

afkdsghk211331 avatar May 08 '25 08:05 afkdsghk211331

@xiyeeee 没有找到itemLabel配置文字长度的选项,可否提供一下复现链接?

itemWidth配置一下应该能复现

interstellarmt avatar May 09 '25 03:05 interstellarmt

@xiyeeee 没有找到itemLabel配置文字长度的选项,可否提供一下复现链接?

legend: { color: { layout: { justifyContent: "center", alignItems: "center", }, itemMarker: "circle", title: false, size: 120, itemWidth: 120, rowPadding: 16, itemValueText: (d: any, index: number) => data[index].value, position: "right", maxCols: 1, }, },

xiyeeee avatar May 09 '25 05:05 xiyeeee

通过 https://g.antv.antgroup.com/api/basic/text#isoverflowing 判断是否超出长度,然后显示tooltip。 tooltip可能会遮挡其他的item,可以通过开关控制是否开启。 详见 #6219

这个省略之后, 鼠标hover能展示完整的文字么

xiyeeee avatar May 13 '25 05:05 xiyeeee

https://github.com/antvis/G2/pull/7044 参考这个 pr 配置 legend 的 poptip

interstellarmt avatar Jul 22 '25 08:07 interstellarmt