[Bug] echarts xAxis.axisLabel 配置, 缺少官方文档描述的 overflow 属性.

[halo951]

Version

e.g. 5.3.3

Link to Minimal Reproduction

No response

Steps to Reproduce

1. axiosLabel 配置项文档描述中, 包含 overflow 配置项, 但是在最新的 e.g. 5.3.3 版本中, 声明文件缺少 overflow 配置项.
2. 测试发现, 可能功能被移除. 希望官方大大确认.

doc link: https://echarts.apache.org/zh/option.html#xAxis.axisLabel.overflow
interface:

interface AxisLabelBaseOption extends Omit<TextCommonOption, 'color'> {
    show?: boolean;
    inside?: boolean;
    rotate?: number;
    showMinLabel?: boolean;
    showMaxLabel?: boolean;
    margin?: number;
    rich?: Dictionary<TextCommonOption>;
    /**
     * If hide overlapping labels.
     */
    hideOverlap?: boolean;
    color?: ColorString | ((value?: string | number, index?: number) => ColorString);
}

Current Behavior

因为缺少 overflow, 导致x轴 axisLabel 无法配置自动裁剪超长字符串.

Expected Behavior

1. 如果这个功能被移除, 请更新文档.
2. 如果这个功能是保留的, 请检查是否需要修复这个问题.

Environment

- OS: Window 10
- Browser: Chrome/103.0.0.0
- Framework: Vue@2.x

Any additional comments?

No response

[echarts-bot]

@halo951 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] echarts xAxis.axisLabel configuration, missing overflow property described in official documentation.

BODY

Version

e.g. 5.3.3

Link to Minimal Reproduction

No response

Steps to Reproduce

1. In the description of the axiosLabel configuration item document, the overflow configuration item is included, but in the latest e.g. 5.3.3 version, the declaration file lacks the overflow configuration item.
2. The test found that the function may be removed. I hope the official will confirm it greatly.

doc link: https://echarts.apache.org/en/option.html#xAxis.axisLabel.overflow
interface:

interface AxisLabelBaseOption extends Omit<TextCommonOption, 'color'> {
    show?: boolean;
    inside?: boolean;
    rotate?: number;
    showMinLabel?: boolean;
    showMaxLabel?: boolean;
    margin?: number;
    rich?: Dictionary<TextCommonOption>;
    /**
     * If hide overlapping labels.
     */
    hideOverlap?: boolean;
    color?: ColorString | ((value?: string | number, index?: number) => ColorString);
}

Current Behavior

Due to the lack of overflow, the x-axis axisLabel cannot configure automatic clipping of super-long strings.

Expected Behavior

1. If this feature is removed, please update the documentation.
2. If this function is reserved, please check if this problem needs to be fixed.

Environment

- OS: Windows 10
- Browser: Chrome/103.0.0.0
- Framework: Vue@2.x

Any additional comments?

No response

[jiawulin001]

Hi, as is tested, xAxis.axisLabel.overflow is functioning well in this demo.

Code Sample

option = {
  title: {
    text: 'Step Line'
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['Step Start', 'Step Middle', 'Step End']
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  toolbox: {
    feature: {
      saveAsImage: {}
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tueeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    axisLabel:{
      width: 30,
      overflow: 'truncate',
      interval: 0
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: 'Step Start',
      type: 'line',
      step: 'start',
      data: [120, 132, 101, 134, 90, 230, 210]
    },
    {
      name: 'Step Middle',
      type: 'line',
      step: 'middle',
      data: [220, 282, 201, 234, 290, 430, 410]
    },
    {
      name: 'Step End',
      type: 'line',
      step: 'end',
      data: [450, 432, 401, 454, 590, 530, 510]
    }
  ]
};

Please post your code where you think `overflow` is not working. You can try this demo to see if you got anything inproper in options.

[TendernessCJS]

xAxis.axisLabel.overflow is functioning well but

[breizh24]

I can confirm that this is a bug with the interface assigned to xAxis.axisLabel and I have opened a PR that is going to fix the bug
#17808