FusionCharts:横坐标标签较长时显示方式
2011-03-18 17:16
459 查看
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>
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系列之坐标轴标签显示方式
- 利用d3更改坐标的显示方式
- ECharts坐标轴文本标签全部显示
- 转帖,javascript+css 标签显示方式的思考收藏
- 帝国 标签模板 使用程序代码 自定义 时间显示方式
- 浏览器 显示html标签2种方式
- Flex中要想使图表的横坐标轴标签成45度显示(2)
- UILabel标签文字过长时的显示方式
- UILabel标签文字过长时的显示方式
- UILabel lineBreakMode:设置标签文字过长时的显示方式。
- FusionCharts X轴显示方式
- UILabel标签文字过长时的显示方式
- fusioncharts图表横坐标刻度最后一个显示不全且图表距离右边距离太小的完美解决方案
- 用TeeChart的时候有些横坐标的标签不显示的解决方案
- CSS资料之标签分类(显示方式)及相应转换
- UITabBarController显示多于5个标签时的如何直接显示视图而非More处理方式