diff --git a/common/changes/@visactor/vrender-components/fix-axis-label-react-style_2026-02-25-11-21.json b/common/changes/@visactor/vrender-components/fix-axis-label-react-style_2026-02-25-11-21.json new file mode 100644 index 000000000..4bd1ae8b0 --- /dev/null +++ b/common/changes/@visactor/vrender-components/fix-axis-label-react-style_2026-02-25-11-21.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "comment": "fix: fix issue of axis label style support react\n\n", + "type": "none", + "packageName": "@visactor/vrender-components" + } + ], + "packageName": "@visactor/vrender-components", + "email": "lixuef1313@163.com" +} \ No newline at end of file diff --git a/packages/vrender-components/src/axis/base.ts b/packages/vrender-components/src/axis/base.ts index 285eac315..8f637e734 100644 --- a/packages/vrender-components/src/axis/base.ts +++ b/packages/vrender-components/src/axis/base.ts @@ -537,13 +537,18 @@ export abstract class AxisBase extends AnimateComp layer }); } + let reactStyle = textStyle.react; + if (isFunction(reactStyle)) { + reactStyle = reactStyle(tickDatum, index, tickData, layer); + } return { ...this.getLabelPosition(point, vector, textContent, textStyle), text: text ?? textContent, _originText: tickDatum.label, lineHeight: textStyle?.fontSize, type, - ...textStyle + ...textStyle, + react: reactStyle }; }