Skip to content

Fix tick label overflow between sm panels #1008

Open

Description

Describe the bug
When dimensioning small multiple panels, each panel is treated as one small panel instead of Individually. This means that any tick labels that overflow into the nearest panels may not be corrected for and cause labels to overlap.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://elastic.github.io/elastic-charts/?path=/story/small-multiples-alpha--grid-lines
  2. Slowly drag the right-hand panel to make the chart smaller.
  3. Notice the ticks get closer and closer and eventually overlap

Expected behaviour
The tick labels should not overlap between panels

Screenshots
Screen Recording 2021-02-02 at 10 37 AM

Version (please complete the following information):

  • Elastic Charts: latest

Additional context
Related to #891 and #397

I'm not sure if this could be solved when we decide to improve the label logic to be more robust and filter values more intuitively.

Kibana Cross Issues
elastic/kibana#12317 and elastic/kibana#12244

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    :axisAxis related issue:small multiplesSmall multiples/trellising related issues:xyBar/Line/Area chart relatedImpact:MediumbugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions