Skip to content

Gauge/Bullet Chart: Labels and ticks handling #2095

@gvnmagni

Description

@gvnmagni

The goal of this issue is to provide the team instructions on how to deal with labels of ticks for the bullet chart new design. We mainly have two cases, linear gauges (vertical and horizontal) and circular ones.

Linear

The label is positioned at the right of the tick, similar to what happens with time based axis. The last tick though, should behave as labels do when they reach the margin of the chart on the time-axis. They never trespass the limit, they stay fixed until the tick gets out of margin and only then they disappear as well. Hopefully the following images could help in understanding this concept.

Basically, our goal is that labels never get off the chart limit.

Screenshot 2023-07-10 at 16 42 54

Circular

For circular bullet/gauge charts, given the complexity of the case, we prefer to go with a simpler approach. Labels are always centered on the tick, so that we don't have to deal with crazy calculation, and there is no custom of positions according to how close we are to the end of the chart, they just follow the tick.

Screenshot 2023-07-10 at 16 46 38

Metadata

Metadata

Assignees

Labels

:bulletBullet chart related issues:stylingStyling related issuedesignenhancementNew feature or request

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