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

[xxxx-p]

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

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]
  }]
}

Expected Behavior

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]
  }]
}

Environment

- OS: mac os
- Browser: chrome

Any additional comments?

No response

[plainheart]

This is a known behavior("issue"), but it was intentionally designed this way from the outset — likely for performance reasons, the background box will not be rendered if no explicit backgroundColor is specified.

As a workaround, you can explicitly set a transparent color (e.g., 'transparent' or 'rgba(0,0,0,0)').

[xxxx-p]

这是一个已知行为（“问题”），但从一开始就是故意这样设计的——可能是出于性能原因，如果没有明确指定 backgroundColor，则不会渲染背景框。

作为一种变通方法，您可以显式地设置透明颜色（例如，'transparent'或'rgba(0,0,0,0)'）。

Thank you

[xxxx-p]

This is a known behavior("issue"), but it was intentionally designed this way from the outset — likely for performance reasons, the background box will not be rendered if no explicit backgroundColor is specified.

As a workaround, you can explicitly set a transparent color (e.g., 'transparent' or 'rgba(0,0,0,0)').

Actually, my initial usage scenario was when the text length of the label axis was relatively long, and I wanted to set the height to make the plugin automatically wrap according to the line. After reading the document, I expected that by setting axisLabel.overflow to 'truncate' and axisLabel.Height, the graphic would automatically wrap according to the set height, and automatically truncate when it exceeded the height. However, in reality, the display of text seems to have nothing to do with axisLabel.Height. Height only affects the height of the rectangle behind the text label, and is not related to the height of the text?

[plainheart]

If using the new ECharts v6, you can try adding axisLabel.lineOverflow: 'truncate' to enable truncation of overflowing text lines in the vertical direction. This option should meet your requirements, it's added since v6.0.0 but is undocumented yet.

Demo

[xxxx-p]

如果您使用的是新版 ECharts v6，可以尝试axisLabel.lineOverflow: 'truncate'启用垂直方向文本行溢出截断功能。此选项应该可以满足您的需求，它自 v6.0.0 版本起已添加，但尚未提供文档说明。

演示

This parameter is indeed effective, but I noticed a minor issue: the ellipsis setting of '...' doesn't seem to take effect?

My original implementation plan was to manually calculate the number of coordinate axis segments obtained through getModel(). getComponent ('xAxis'). axis.scale in axisLabel.flotter, calculate the coordinate axis width, and then calculate the coordinate axis height with the text. Then, manually divide the text and return it for display. If there is dataZoom, I also need to manually calculate the text height and set it to grid. bottom, otherwise the coordinate axis text will stack with the dataZoom at the bottom. This solution is quite clumsy, and I couldn't think of a better solution before. If this parameter can achieve this effect, it is indeed a very simple and useful parameter