apache / apache/echarts

[Bug] The `axisLabel.height` property does not take effect when no background color is set

Open
#21,504 5 comments 0 reactions 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

6.0.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/editor.html?code=fZC9TsMwEMf3PsVJCHmJ1DShiAYx8CEmkJBA6oA6OLHlWAQ7chxohPIKrAzMrJ3YeRs-3oKzk7aiSF3uzuff3_c_69JKreAIngYAmS60SeCW7MTx5ODshMwC7FqtCyvLxCN4NFIIjhihc1kRRwC48kpLZd1FxyHZlByxKqdMPxLfbDG2TiKMZEj6en6MahzriQ1xRi0X2jT9HABGLXUWLzUJgNzU3KUpZ_6U1y6dG-nSNbU-1arbY-nzgqa8WLsEyLkUuU1gNA6XHMBwCCnN7oTRtWKn3ccQg3N6wm3SRf94s2WHB1qgzb98xY3k_wSK3jvB1-v75_Pb9-Lj52WxWrx_LKVm1cJ6KpnNsb0f7m5-0SgMYBwFEIVYxPEehomvMERROFsbGrSHvw&_source=echarts-doc-preview&enc=deflate

### Steps to Reproduce

1. Create a regular bar chart
2. Set the height of the axis label without setting the background color

### Current Behavior

```js
option = {
color: ["#3398DB"],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow"
}
},
grid: {},
xAxis: [{
type: "category",
data: ["Mo", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
axisLabel: {
height: 150
}
}],
yAxis: [{
type: "value"
}],
series: [{
name: "直接访问",
type: "bar",
barWidth: "60%",
data: [10, 52, 200, 334, 390, 330, 220]
}]
}
```

Image

### Expected Behavior

```js
option = {
color: ["#3398DB"],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow"
}
},
grid: {},
xAxis: [{
type: "category",
data: ["Mo", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
axisLabel: {
height: 150,
backgroundColor: 'red'
}
}],
yAxis: [{
type: "value"
}],
series: [{
name: "直接访问",
type: "bar",
barWidth: "60%",
data: [10, 52, 200, 334, 390, 330, 220]
}]
}
```

Image

### Environment

```markdown
- OS: mac os
- Browser: chrome
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.