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
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>
分享到:
相关推荐
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
FusionCharts一个好用的报表工具,方便、高效、快速创建报表。各式报表应有尽有。
showNames 是否显示横向坐标轴(x轴)标签名称 rotateNames 是否旋转显示标签,默认为0(False):横向显示 showValues 是否在图表显示对应的数据值,默认为1(True) yAxisMinValue 指定纵轴(y轴)最小值,数字 ...
fusionCharts正式版 You need to enable frames in your browser to see FusionCharts documentation.
showNames 参数用于控制是否显示横向坐标轴的标签名称,默认值为 1(True),表示显示标签名称。 三、rotateNames 横向坐标轴标签旋转参数 rotateNames 参数用于控制横向坐标轴标签的旋转,默认值为 0(False),表示...
FusionCharts
FustionCharts总结:包含FusionCharts XT (v3.2.2),test项目,FusionCharts参数说明
FusionCharts 可以实现2D 和 3D 图形显示
FusionCharts XML标签及属性 FusionCharts XML标签及属性 FusionCharts XML标签及属性
FusionCharts v3.X功能特性参数介绍,呵呵,比较详细的文档
FusionCharts使用源码例子,结合FusionCharts使用
fusionCharts完美破解版:解决中文竖排不显示问题 FusionCharts 完美破解版,不是之前的36个,一共49个 包含FusionCharts使用手记 官方Demo 中文开发指南 解决中文乱码Demo Area2D.swf Bar2D.swf Bubble.swf Column...
FusionCharts Free(图表flash控件),单dll文件,用于WEB页面图表生成的组件FusionCharts,非常好用,效果好
支持x轴中文斜体的FusionCharts,有我自己写的小例子
再加上官方修改了加密方式. 所以这个版本破解是否成功本人没有确认过.... 有条件实验的兄弟麻烦汇报下结果,然后我再改 0分 也可以只用压缩包中的fusioncharts.js覆盖官方版本 代码仅供个人测试使用,其他用途本人...
FusionCharts_XT_Evaluation配置简单,可以开发饼状图,条形图,折线图等数据图表,将后台json或XML的数据转化为图表在页面中显示
FusionCharts是一个Flash的图表元件,它可以用来制作资料动画图表,其中动画效果用的是Adobe Flash制作的flash,FusionCharts可用于任何网页的脚本语言类似于HTML,.NET,ASP,JSP技术的,PHP, ColdFusion等,提供...
FusionCharts 插件及源码实例