Handling long x-axis labels
Using rotated and slanted mode
•Using staggered mode and setting stagged lines
•Showing every n-th label
•Displaying short label on axis and showing full name as tool tip
Let's see each of them one by one.
1)Wrap Mode (换行模式)
<chart [color=blue][b]labelDisplay='WRAP'[/b][/color]>
[img]http://dl.iteye.com/upload/attachment/0064/8831/62a653c9-8fed-381c-a984-b8805405e24b.jpg[/img]
2)Rotating and Slanting Labels (旋转模式)
<chart numberPrefix='$' [b][color=blue]labelDisplay='ROTATE'[/color][/b]>
<set label='Jan 2006' value='434' />
<set label='Feb 2006' value='376' />
<set label='Mar 2006' value='343' />
<set label='Apr 2006' value='234' />
<set label='May 2006' value='356' />
</chart>
[img]http://dl.iteye.com/upload/attachment/0064/8833/df27a2aa-62d0-3f4a-9715-8089bf58713e.jpg[/img]
3)slant the labels at 45 degree (旋转且倾斜45度)
<chart [b][color=blue]labelDisplay='Rotate' slantLabels='1' [/color][/b]..>
[img]http://dl.iteye.com/upload/attachment/0064/8835/5f53e98d-676d-3524-9036-916c9ac79ab4.jpg[/img]
4)Staggering labels on multiple lines (交错模式)
<chart [b][color=blue]labelDisplay='Stagger' [/color][/b]..>.
[img]http://dl.iteye.com/upload/attachment/0064/8837/b30d9c04-031d-3c7d-bf81-0616d1691d5d.jpg[/img]
5)多行交错模式
<chart [b][color=blue]labelDisplay='Stagger' staggerLines='n' [/color][/b]..>
[img]http://dl.iteye.com/upload/attachment/0064/8839/46aaa2fc-4bdb-3a9c-9a3b-170c88e6fb94.jpg[/img]
6)Showing every n-th label (跳跃模式)
<chart numberPrefix='$' [b][color=blue]labelStep='4' showValues='0'[/color][/b]>
<set label='Jan 2006' value='434' />
<set label='Feb 2006' value='376' />
<set label='Mar 2006' value='343' />
<set label='Apr 2006' value='234' />
<set label='May 2006' value='356' />
<set label='Jun 2006' value='183' />
<set label='Jul 2006' value='365' />
<set label='Aug 2006' value='357' />
<set label='Sep 2006' value='375' />
<set label='Oct 2006' value='345' />
<set label='Nov 2006' value='655' />
<set label='Dec 2006' value='435' />
<set label='Jan 2007' value='586' />
</chart>
[img]http://dl.iteye.com/upload/attachment/0064/8841/4c51a822-3923-3584-9a8a-91e1decf4c38.jpg[/img]
7)Displaying short label on axis and showing full name as tool tip
<chart numberPrefix='$' [b][color=blue]rotateValues='1'[/color][/b]>
<set label='J' toolText='January' value='434' />
<set label='F' toolText='February' value='376' />
<set label='M' toolText='March' value='343' />
<set label='A' toolText='April' value='234' />
<set label='M' toolText='May' value='356' />
<set label='J' toolText='June' value='183' />
<set label='J' toolText='July' value='365' />
<set label='A' toolText='August' value='357' />
<set label='S' toolText='September' value='375' />
<set label='O' toolText='October' value='345' />
<set label='N' toolText='November' value='655' />
<set label='D' toolText='December' value='435' />
</chart>
[img]http://dl.iteye.com/upload/attachment/0064/8843/a2f01961-74f1-34e1-821a-3d0587be2fd2.jpg[/img]
Using rotated and slanted mode
•Using staggered mode and setting stagged lines
•Showing every n-th label
•Displaying short label on axis and showing full name as tool tip
Let's see each of them one by one.
1)Wrap Mode (换行模式)
<chart [color=blue][b]labelDisplay='WRAP'[/b][/color]>
[img]http://dl.iteye.com/upload/attachment/0064/8831/62a653c9-8fed-381c-a984-b8805405e24b.jpg[/img]
2)Rotating and Slanting Labels (旋转模式)
<chart numberPrefix='$' [b][color=blue]labelDisplay='ROTATE'[/color][/b]>
<set label='Jan 2006' value='434' />
<set label='Feb 2006' value='376' />
<set label='Mar 2006' value='343' />
<set label='Apr 2006' value='234' />
<set label='May 2006' value='356' />
</chart>
[img]http://dl.iteye.com/upload/attachment/0064/8833/df27a2aa-62d0-3f4a-9715-8089bf58713e.jpg[/img]
3)slant the labels at 45 degree (旋转且倾斜45度)
<chart [b][color=blue]labelDisplay='Rotate' slantLabels='1' [/color][/b]..>
[img]http://dl.iteye.com/upload/attachment/0064/8835/5f53e98d-676d-3524-9036-916c9ac79ab4.jpg[/img]
4)Staggering labels on multiple lines (交错模式)
<chart [b][color=blue]labelDisplay='Stagger' [/color][/b]..>.
[img]http://dl.iteye.com/upload/attachment/0064/8837/b30d9c04-031d-3c7d-bf81-0616d1691d5d.jpg[/img]
5)多行交错模式
<chart [b][color=blue]labelDisplay='Stagger' staggerLines='n' [/color][/b]..>
[img]http://dl.iteye.com/upload/attachment/0064/8839/46aaa2fc-4bdb-3a9c-9a3b-170c88e6fb94.jpg[/img]
6)Showing every n-th label (跳跃模式)
<chart numberPrefix='$' [b][color=blue]labelStep='4' showValues='0'[/color][/b]>
<set label='Jan 2006' value='434' />
<set label='Feb 2006' value='376' />
<set label='Mar 2006' value='343' />
<set label='Apr 2006' value='234' />
<set label='May 2006' value='356' />
<set label='Jun 2006' value='183' />
<set label='Jul 2006' value='365' />
<set label='Aug 2006' value='357' />
<set label='Sep 2006' value='375' />
<set label='Oct 2006' value='345' />
<set label='Nov 2006' value='655' />
<set label='Dec 2006' value='435' />
<set label='Jan 2007' value='586' />
</chart>
[img]http://dl.iteye.com/upload/attachment/0064/8841/4c51a822-3923-3584-9a8a-91e1decf4c38.jpg[/img]
7)Displaying short label on axis and showing full name as tool tip
<chart numberPrefix='$' [b][color=blue]rotateValues='1'[/color][/b]>
<set label='J' toolText='January' value='434' />
<set label='F' toolText='February' value='376' />
<set label='M' toolText='March' value='343' />
<set label='A' toolText='April' value='234' />
<set label='M' toolText='May' value='356' />
<set label='J' toolText='June' value='183' />
<set label='J' toolText='July' value='365' />
<set label='A' toolText='August' value='357' />
<set label='S' toolText='September' value='375' />
<set label='O' toolText='October' value='345' />
<set label='N' toolText='November' value='655' />
<set label='D' toolText='December' value='435' />
</chart>
[img]http://dl.iteye.com/upload/attachment/0064/8843/a2f01961-74f1-34e1-821a-3d0587be2fd2.jpg[/img]