This is a migrated thread and some comments may be shown as answers.

Setting the X-Axis step/scale on a Line Graph?

2 Answers 298 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
NerdBrick
Top achievements
Rank 1
NerdBrick asked on 25 Jul 2014, 12:12 AM
When using the Line Graph, how can I avoid bunching of labels on the X-Axis. I looked for Step and Scale, but I can't seem to avoid what is happening in the attached image.

I used this example in the document as a starting point, and the XAxis is a CategoryScale version 2014-Q1.
http://www.telerik.com/help/reporting/graphhowtocreatelinechart.html 


Thank you

2 Answers, 1 is accepted

Sort by
0
Accepted
Nasko
Telerik team
answered on 29 Jul 2014, 01:50 PM
Hello Brick,

The main issue in the described scenario comes from the fact that the X axis width is not enough to fit in all of the axis labels. In order to fix this issue either rotate the labels, or just hide some of them:
  1. You can rotate the labels in order to improve their readability. The label angle is controlled from the GraphAxis.LabelAngle property.
  2. To hide some of the labels you need to first change the Scale type to NumericalScale and set an appropriate data field for the LineSeries.X property. Then you will be able to set the NumericalScale.LabelStep Property and omit some of the X axis labels, which will improve the chart readability.


Regards,
Nasko
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
NerdBrick
Top achievements
Rank 1
answered on 29 Jul 2014, 09:54 PM
NumericalScale was the part that brought everything to light. 

Thank you.
Tags
General Discussions
Asked by
NerdBrick
Top achievements
Rank 1
Answers by
Nasko
Telerik team
NerdBrick
Top achievements
Rank 1
Share this question
or