FusionCharts:横坐标标签较长时显示方式
2012-12-04 20:08
519 查看
原文来自:/article/8916692.html
FusionCharts:横坐标标签较长时显示方式
1.wrap方式
2.旋转显示
3.交错显示
4.每隔N个显示一个标签
5.截取显示,在tooltip中全显示
1.wrap方式
<chart labelDisplay='WRAP'>
2.旋转显示
<chart labelDisplay='Rotate' slantLabels='1' ..> 45度旋转或90度旋转labelDisplay='ROTATE'
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:横坐标标签较长时显示方式
1.wrap方式
2.旋转显示
3.交错显示
4.每隔N个显示一个标签
5.截取显示,在tooltip中全显示
1.wrap方式
<chart labelDisplay='WRAP'>
<chart labelDisplay='Rotate' slantLabels='1' ..> 45度旋转或90度旋转labelDisplay='ROTATE'
<chart labelDisplay='Stagger' ..>. It will yield the following:
<chart labelDisplay='Stagger' staggerLines='n' ..>
n=3
<chart numberPrefix='$' labelStep='4' showValues='0'>
<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:横坐标标签较长时显示方式
- 主流Java报表软件王者争夺战:功能大PK系列之坐标轴标签显示方式
- javascript+css 标签显示方式的思考
- 当append里面的标签显示不出来的时候,用下面的方式做
- 下一代 Firefox 将模仿 Chrome 的标签页显示方式
- struts2中action调用servletAPI方法及struts2标签显示方式
- UILabel标签文字过长时的显示方式
- jsp中显示包含html标签等特殊字符的处理方式
- 利用d3更改坐标的显示方式
- 转帖,javascript+css 标签显示方式的思考收藏
- Flex中要想使图表的横坐标轴标签成45度显示(2)
- 帝国 标签模板 使用程序代码 自定义 时间显示方式
- UILabel标签文字过长时的显示方式
- ecshop if标签,超过N条,就输出记录 elseif、库存显示方式
- R语言 让纵坐标的标签显示为横向
- fusioncharts图表横坐标刻度最后一个显示不全且图表距离右边距离太小的完美解决方案
- ECharts坐标轴文本标签全部显示