[老]图表缩放

编辑
文档创建者:文档助手1 (67727 )     浏览次数:4551次     编辑次数:5次     最近更新:Holly 于 2016-11-09     

目录:

1. 描述编辑

图表缩放就是指在web端查看图表时,除了看整体走势,还想要放大查看自己关注的图表细节部分,这时就可以使用FineReport的图表缩放功能。

2. 示例编辑

下面我们以FRDemo数据库中的销量表为例,查看各个销售员产品的销售情况。
2.1 图表准备
添加一个ds1数据集:SELECT * FROM 销量
在报表主体中合并一片单元格区域,插入单元格图表元素,选择柱形图,图表布局方式选择上下渐变,接着在右侧的图表属性表-数据中,为该柱形图绑定数据,如下图:
2.2 图表缩放
选中图表,在右侧选择图表属性表-特效>交互属性,勾选图表缩放标签前面的单选框,如下图:
222
2.3 效果查看
点击分页预览,查看模板,我们可以在web端看到如下图所示的效果,在分类轴数据标签下方出现一个缩放控件,控件有左右两个滑动按钮,两个按钮之间的分类轴数据就是上方图表显示的部分:
222

3. 图表缩放的使用编辑

3.1 图表缩放控件滑动
按住右侧的滑动按钮拖曳至张珊销售员数据标签处,可以看到上方的数据也随之变化,只显示张珊销售员到左侧滑动按钮所在的孙林销售员之间的数据,如下图:
222
注:左侧滑动按钮也可以滑动
3.2 直接矩形区域放大
除了可以使用滑动按钮来放大缩小图标部分之外,FineReport还支持直接使用鼠标选中一个矩形区域,那么就放大该区域中所框到的系列所在的分类,如下图:
222
注:如果矩形区域只选择了某个分类的一个系列,那么在放大的时候也还是会显示整个分类的所有系列。
3.3 点击右上角的刷新按钮恢复原样
效果如下图:
222
3.4 时间切换
如果用户设置了时间坐标轴,则可以在设置图表缩放的基础上勾选“时间切换“,直接打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Dateaxis.cpt,如下图设置
222
222

设置“时间切换”功能之后,在图表对应位置生成可进行时间段切换的控件。控件值用户可以自定义,默认生成“1月”,“3月”,“6月”,“1年”,“全部”。下面是预览效果图:
222
点击不同的时间切换控件值,则图表缩放的滑动控件自动选中对应的值。如点击“1月”,则滑动控件自动选中时间轴上最近的某一个月维度的位置。最近位置指的是滑动控件左侧的距离。在调整滑动控件的区域之后,取消时间切换控件的选中效果。
保存模板,点击分页预览,效果即如上。模板效果在线查看请点击switch_time.cpt

已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\switch_time.cpt

附件列表


主题: 图表应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?