Skip to content

xAxis Label Overlap #14528

@dyoon-linevision

Description

@dyoon-linevision

Using v4.7.0:
Screen Shot 2021-03-24 at 4 07 37 PM

After upgrading to v5.0.2:
Screen Shot 2021-03-24 at 4 06 11 PM

Version

5.0.2

Steps to reproduce

  • Upgrade to eCharts 5.0.2

  • Use the following options for xAxis:

options.xAxis.push({
      gridIndex: ndx,
      type: 'time',
      axisLabel: {
            formatter: function (date, index) {
                  return DateTime.dateFormat(new Date(date), true)
            },
            showMaxLabel: false
      },
});

What is expected?

Expect the xAxis intervals to be spread out far enough so that the labels don't overlap.

What is actually happening?

After upgrading to eCharts v5, the labels now overlap. The chart options did not change.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions