Skip to content

Axes labels should wrap their text #313

@cchaos

Description

@cchaos

Describe the bug
If there isn't enough available space, axes labels will get cut off.

To Reproduce
Steps to reproduce the behavior:

  1. Create a chart with a long axes label
  2. See error

Expected behavior
Usually I'm a fan of just truncating with an ellipsis and then use title attribute to display the full label. The problem with this is that the chart label is too integral to the understanding of the chart to be hiding pieces of information, also I don't think you can add a title attribute to parts of a Canvas or even SVG element.

Therefore, I think the solution is just to allow the text to wrap lines.

Screenshots
Screen Shot 2019-08-14 at 15 25 26 PM
The label should say 6:00 - 6:14

Version (please complete the following information):

  • Elastic Charts: 9.0.4

Kibana Cross Issues
elastic/kibana#20472

Metadata

Metadata

Assignees

Labels

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