zoukankan      html  css  js  c++  java
  • FusionCharts X轴显示方式

    本文摘自ITYPE 网站的wangxiao5530 原文网址为:http://wangxiao5530.iteye.com/blog/1454200

    1)Wrap Mode (换行模式)

    <chart labelDisplay='WRAP'>

     
     
    2)Rotating and Slanting Labels (旋转模式)

    <chart numberPrefix='$' labelDisplay='ROTATE'>    

     <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>

     
     

    3)slant the labels at 45 degree (旋转且倾斜45度)

    <chart labelDisplay='Rotate' slantLabels='1' >

     
    4)Staggering labels on multiple lines (交错模式)
    <chart labelDisplay='Stagger' >.
     

    5)多行交错模式

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

     
     
    6)Showing every n-th label (跳跃模式)
     

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

       <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>

     
     
    7)Displaying short label on axis and showing full name as tool tip
     

    <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>

     
     
  • 相关阅读:
    #与javascript:void(0)的区别
    单选框、复选框、下拉列表
    数据类型后的“?”
    c#中日期的处理
    日期控件html
    javascript获取后台传来的json
    Hashtable语法简介
    Hashtable(哈希表)
    Dictionary 字典
    远程SQL Server连接不上
  • 原文地址:https://www.cnblogs.com/youchim/p/5315216.html
Copyright © 2011-2022 走看看