[Bug] X轴文字同时开启旋转和换行的时候，显示错位

[pingbaobao]

Version

5.3.3

Link to Minimal Reproduction

No response

Steps to Reproduce

option = {
xAxis: {
type: 'category',
data: ['2022-02月推广活动', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
rotate: -45, // 旋转
formatter: function (val) {
return '20\n22\n-0\n2月推\n广活\n动';
},
},
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(180, 180, 180, 0.2)'
}
}
]
};

Current Behavior

Xzho轴文字当同时旋转和换行时，位置会向上偏移

Expected Behavior

能够正确计算出X轴文字的位置，旋转时正确的方向

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[echarts-bot]

I'm sorry to close this issue for it lacks the necessary title. Please provide a descriptive and as concise as possible title to describe your problems or requests and then the maintainers or I will reopen this issue.

Every good bug report or feature request starts with a title. Your issue title is a critical element as it's the first thing maintainers see.

A good issue title makes it easier for maintainers to understand what the issue is, easily locate it, and know what steps they'll need to take to fix it.

Moreover, it's better to include keywords, as this makes it easier to find the issue self and similar issues in searches.

[echarts-bot]

@pingbaobao 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] When X-axis text is turned on at the same time as rotation and line breaks, it is misaligned

BODY

Version

5.3.3

Link to Minimal Reproduction

No response

Steps to Reproduce

option = {
xAxis: {
type: 'category',
data: ['2022-02 Promotional Activities', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
rotate: -45, // rotate
formatter: function (val) {
return '20\n22\n-0\nFebruary push\nwide activity\nmovement';
},
margin: 30
},
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(180, 180, 180, 0.2)'
}
}
]
};

Current Behavior

The position of Xzho axis text will be shifted upward when rotated and wrapped at the same time

Expected Behavior

Can correctly calculate the position of the X-axis text

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[github-actions]

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

[github-actions]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!