fusioncharts图表横坐标刻度最后一个显示不全且图表距离右边距离太小的完美解决方案
来源:互联网 发布:周启新数据 编辑:程序博客网 时间:2024/05/01 08:00
在项目开发中遇到,好好研究控件,使用方案四
一、方案一
思路:通过控制横坐标刻度的步长(labelStep)来加以控制。换言之就是我控制横坐标刻度显示的个数,加上总个数,来获得labelStep的步长值是多少。
算法:labelStep= 横坐标刻度总个数/横坐标刻度显示个数;
最终效果:
1、由于我的labelDisplay没有设置任何值,结果导致刻度多的情况下,所有的刻度自适应变成了竖直显示。由于刻度竖直显示,占去了图表很大一块有效空间。
二、方案二
思路:通过设置labelDisplay = "WRAP" 坐标刻度横着显示,长的时候自动折行显示刻度值。
最终效果:
坐标刻度的确是横着显示了的。可是发现最后一个刻度值隐藏了一部分,却没有折行显示。只有我将鼠标放于刻度值上方可看到刻度具体的值。鉴于此,才有了下面的方案三。
三、方案三
思路:通过设置labelDisplay=“NONE” 让刻度值显示无特殊情况。
最终效果:
最后一个坐标刻度显示完整,却发现拥挤在了一起,主要原因是由于图表距离右边的距离太小了,不是很美观。
四、方案四(终极方案/完美方案)
思路:设置图表距离右边界的属性值来达到完美效果。chartRightMargin = ‘50’
最终效果:
1、横坐标刻度值横着显示且每个刻度值均显示完整。
2、图表距离左右边界的距离相当,整体预览着实美观。
0 0
- fusioncharts图表横坐标刻度最后一个显示不全且图表距离右边距离太小的完美解决方案
- WPF 创建一个刻度指数增长的图表
- 利用OWC创建图表的完美解决方案
- Excel画横坐标不均分的图表
- highcharts图表小例子,实现X轴只显示起点终点刻度,Y轴百分比显示
- fusioncharts 中 图表flash置顶 解决方案
- 关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法
- 关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法
- Flex中要想使图表的横坐标轴标签成45度显示
- Flex中要想使图表的横坐标轴标签成45度显示(2)
- Flex中要想使图表的横坐标轴标签成45度显示
- highcharts如何在一个图表中使多条曲线在不同刻度下显示
- HightChart 图表时间轴显示不全
- echarts中横坐标值显示不全(自动隐藏)解决方案
- echarts中横坐标值显示不全(自动隐藏)解决方案
- 利用OWC创建图表的完美解决方案[ZT]
- 蛙蛙推荐:利用OWC创建图表的完美解决方案
- Flash图表控件FusionCharts如何自定义图表上的垂直线
- linux 公社资料
- 插值多项式的性质
- windows 2008R2 虚拟桌面终端授权
- jQuery对象与dom对象相互转换
- android sdk更新hosts修改
- fusioncharts图表横坐标刻度最后一个显示不全且图表距离右边距离太小的完美解决方案
- 谈谈数据加密的处理--提供各种算法处理
- 安装rzsz
- JavaScript学习笔记(3)---this
- 动态调用动态库方法 c/c++ linux windows
- excel 导出&导出checkbox到excel
- 整理关于点阵汉字库的一些专利
- win7 学习篇:上帝模式 全功能控制面板
- 学生信息管理系统系列二:常见问题