Labels in an axis can be placed smartly when it intersects with each other. Intersect action and edge label placement can be changed by using property panel.
Intersect Action:
|
|
Edge Label Placement:
|
|
Label Position:
|
|
Enable Trim:
|
|
Maximum Label Width:
|
|
In this example, you can see how to arrange the axis labels and how to trim the axis label smartly. When the Axis labels overlap with each other based on
the chart dimensions and label size, you can use the labelIntersectAction
property of the axis
to avoid overlapping.
Chart supports the following by which can be set using labelIntersectAction
property.
Hide
- Hide the label when it intersects.Trim
- Trim the label when it intersects.Wrap
- Wrap the label when it intersects.MultipleRows
- Arrange the label in multiple row when it intersects.Rotate45
- Rotate the label to 45 degree when it intersects.Rotate90
- Rotate the label to 90 degree when it intersects.None
- Shows all the labels.
Chart supports three types of edge labels placement which can be set using the edgeLabelPlacement
property.
None
- No action will be performed.Hide
- Edge label will be hidden .Shift
- Shifts the edge labels.More information on the smart axis labels can be found in this documentation section.