[Bug] legend不对齐的问题

[lllianreg]

Version

5.4.3

Link to Minimal Reproduction

none

Steps to Reproduce

none

Current Behavior

发现通过api怎么设置都无法实现legend属性的 文字和图案的居中对齐

Expected Behavior

可以居中对齐

类似下面css的效果
display: flex; justify-content: center;

Environment

- OS:windows11
- Browser:Chrome 
- Framework:

Any additional comments?

No response

[echarts-bot]

@lllianreg It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] Legend misalignment problem

BODY

Version

5.4.3

Link to Minimal Reproduction

none

Steps to Reproduce

none

Current Behavior

I found that no matter how I set it through the API, I couldn’t achieve the center alignment of the text and pattern of the legend attribute.

Expected Behavior

Can be centered

Similar to the effect of the following css
display: flex; justify-content: center;

Environment

- OS: windows11
- Browser:Chrome
- Framework:

Any additional comments?

No response

[Ovilia]

Probably due to special font or platform. Please provide an online demo.

[echarts-bot]

@lllianreg Please provide a demo for the issue either with Official Editor, CodePen, CodeSandbox or JSFiddle.

[lllianreg]

可能是由于特殊的字体或平台。请提供在线演示。

https://codesandbox.io/p/sandbox/beautiful-jepsen-qgyfjy?file=%2Fsrc%2Findex.js%3A75%2C1

[lllianreg]

display: flex; align-items: center; flex-direction: row

[chengzhanli]

@lllianreg 看起来是字体的问题导致的，可以尝试更换字体来修正问题，或者使用 legend.textStyle.padding 来进行位置的修正