combo中的label设置居中

[xiziliang]

问题描述

目前看到只有设置position: 'center'时，label会水平和垂直居中且不能通过refY和refX进行修改，但是大多数时候只用到水平或者垂直，再通过refY和refX细微调整，而不是两个居中都用到。

重现链接

无

重现步骤

无

预期行为

期望能把position: 'center'拆成垂直和水平居中。

平台

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

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[Yanyan-Wang]

欢迎社区小伙伴共建

[yanhan569046480]

同问

@Yanyan-Wang 想实现如上图1所示的效果，combo的label居中显示并且上下有一些间距，还有节点下面的文字也与上方有些间距，按图3图4设置了一圈没有变化，不知道写法不对还是不支持？

[xiziliang]

combo的文字目前没有单独的水平居中，我用的是position: 'top',, refY,refX,来实现的

[yanhan569046480]

combo的文字目前没有单独的水平居中，我用的是position: 'top',, refY,refX,来实现的

我也按你说的这样设置了，没什么效果，不仅label没有居中，内边距也是纹丝不动，版本是最新的

[xiziliang]

combo的文字目前没有单独的水平居中，我用的是position: 'top',, refY,refX,来实现的

我也按你说的这样设置了，没什么效果，不仅label没有居中，内边距也是纹丝不动，版本是最新的

https://codesandbox.io/s/cranky-jasper-2v98j7?file=/index.js 我在最新版上也是正常的

[yanhan569046480]

好的，谢谢，我换个写法试试

[yanhan569046480]

我又折腾了半天，没啥效果，我这里用的graphin，掘金上说graphin已经是数据驱动的了，可以根据数据的变化自动更新图表，但是我这里咋没有用呢？我把数据更新和graphinRef.current.graph.data(graphinDataCopy)都加上了，图表并不会随着数据更新而变化，什么原因呢？

[xiziliang]

或者试试监听到数据变化，销毁画布，重新在画一遍

[yanhan569046480]

好的，已解决，谢谢

[Yanyan-Wang]

v4.7.17 已支持，rect 类型的 combo 在 labelCfg.position 配置 'top-center'