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'   默认 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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章