Example of Smart Labels in Javascript Chart Control

Smart Labels

This example shows the smart label placement for the chart axis labels.

More Details...

Intersect Action:
Edge Label Placement:
Label Position:
Enable Trim:

Maximum Label Width:

In this example, you can see how the axis labels are smartly arranged when they overlap with each other using the labelIntersectAction property in the axis. The following are the labelIntersectAction property values and their behaviors: Hide - Hide the label when it intersect. Trim - Trim the label when it intersect. Wrap - Wrap the label when it intersect. MultipleRows - Arrange the label in multiple row when it intersect. Rotate45 - Rotate the label to 45 degree when it intersect. Rotate90 - Rotate the label to 90 degree when it intersect. None - Shows all the labels. Chart handles edge labels placement using the edgeLabelPlacement property. Its values and their behaviors are: 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.