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>
 
                   
                   
                   
                   
                            
 
                             本文介绍了在使用FusionCharts时,针对横坐标标签过长的问题提供的五种解决方案:wrap方式显示、旋转显示、交错显示、每隔N个显示一个标签以及截取显示并在tooltip中全显示的方法。
本文介绍了在使用FusionCharts时,针对横坐标标签过长的问题提供的五种解决方案:wrap方式显示、旋转显示、交错显示、每隔N个显示一个标签以及截取显示并在tooltip中全显示的方法。
           
       
           
                 
                 
                 
                 
                 
                
               
                 
                 
                 
                 
                
               
                 
                 扫一扫
扫一扫
                     
              
             
                   756
					756
					
 被折叠的  条评论
		 为什么被折叠?
被折叠的  条评论
		 为什么被折叠?
		 
		  到【灌水乐园】发言
到【灌水乐园】发言                                
		 
		 
    
   
    
   
             
            


 
            