F2 icon indicating copy to clipboard operation
F2 copied to clipboard

F2 如何自定义 Tooltip 的内容和样式

Open Alexixyc opened this issue 1 year ago • 5 comments

  • F2 Version:
  • Platform:
  • Mini Showcase(like screenshots):
  • CodeSandbox Link:

我想自定义 f2 的 tooltip,翻了源码试了很久,发现这个 customText 是这样用的:

  1. custom 默认是 false
  2. customText 传进去 一个函数,return 图形标签

这个逻辑在文档,Props 注释中都没有提到,想问下这个用法我可以当做 feature 直接这样用吗?

1231 1231241

Alexixyc avatar Aug 07 '24 11:08 Alexixyc

是 feature, https://github.com/antvis/F2/blob/master/packages/f2/test/components/tooltip/tooltip.test.tsx#L370 这里有单测保证的

zengyue avatar Aug 08 '24 02:08 zengyue

是 feature, https://github.com/antvis/F2/blob/master/packages/f2/test/components/tooltip/tooltip.test.tsx#L370 这里有单测保证的

好滴,感谢解答

Alexixyc avatar Aug 08 '24 02:08 Alexixyc

是 feature, https://github.com/antvis/F2/blob/master/packages/f2/test/components/tooltip/tooltip.test.tsx#L370 这里有单测保证的

我在vue3+vite的项目中单独传入text组件不会有问题,但是用group组件包裹使用就不生效了,控制台报错[Vue warn]: resolveComponent can only be used in render() or setup(). 请问要怎么写才能使用?

ammmmmms avatar Jan 15 '25 09:01 ammmmmms

是 feature, https://github.com/antvis/F2/blob/master/packages/f2/test/components/tooltip/tooltip.test.tsx#L370 这里有单测保证的

我在vue3+vite的项目中单独传入text组件不会有问题,但是用group组件包裹使用就不生效了,控制台报错[Vue warn]: resolveComponent can only be used in render() or setup(). 请问要怎么写才能使用?

后续已解决,提出成单独的jsx文件就可以了

ammmmmms avatar Jan 18 '25 16:01 ammmmmms

有个疑问,group text 不是 html5 元素,为什么要用这2个?

crazyair avatar Oct 24 '25 02:10 crazyair