Skip to content

[Bullet] bullets more gracefully handle many tick values #1188

@ghudgins

Description

@ghudgins

Is your feature request related to a problem? Please describe.
When the calling application passes in a high number of ticks the bullet chart quickly overlaps.
ticks={[1000, 2000, 3000, 4000, 5000, 6000, 7000]} on the storybook example

Describe the solution you'd like
Reduce the number of ticks when there isn't enough space. Prioritize the ends and midpoint first? (discuss)

This solution needs to be in either the parent application or elastic-charts. This is a discussion as well: It would be nice for responsive parent applications if elastic-charts handled this case but, on the other side, this is ultimately reduced control to the end user if things don't fit. Should elastic-charts be somewhat opinionated about tick overlap? This case is very easy to get into when using Horizontal Bullets specifically.

Describe alternatives you've considered
Fixing it in the parent application that can pass in ticks that fit (and build the smarts that do this detection of an overlap).

image

Kibana Cross Issues
Related to Lens integration of this visualization type elastic/kibana#89859 CC @flash1293

Checklist

Delete any items that are not applicable to this feature request.

  • this request is checked against already exist requests
  • every related Kibana issue is listed under Kibana Cross Issues list
  • kibana cross issue tag is associated to the issue if any kibana cross issue is present

Metadata

Metadata

Assignees

No one assigned

    Labels

    :LensKibana Lens related issue:bulletBullet chart related issuesdesigndiscussTo be discussedenhancementNew feature or requestkibana cross issueHas a Kibana issue counterpart

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions