FusionCharts:横坐标标签较长时显示方式

FusionCharts:横坐标标签较长时显示方式

1.wrap方式

2.旋转显示

3.交错显示

4.每隔N个显示一个标签

5.截取显示，在tooltip中全显示

 

1.wrap方式

 

<chart labelDisplay='WRAP'>

 

 

2.旋转显示

<chart labelDisplay='Rotate' slantLabels='1' ..> 45度旋转或90度旋转labelDisplay='ROTATE' 来源：(http://blog.sina.com.cn/s/blog_573a052b0100hjdi.html) - FusionCharts:横坐标标签较长时显示方式_灵灵_新浪博客

 slantLabels='1' 为45°显示，默认不设置为90°显示

 

 

3.交错显示

<chart labelDisplay='Stagger' ..>. It will yield the following:

<chart labelDisplay='Stagger' staggerLines='n' ..>

n=3

4.每隔N个显示一个标签

<chart numberPrefix='$' labelStep='4' showValues='0'>

 

 

5.截取显示，在 tooltip中全显示

<chart numberPrefix='$' rotateValues='1'>
   <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>