历史版本23 :图表缩放 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.概述编辑

1.1应用场景

在一些商业报表中,往往由于要展示的产品分类较多,数据都显示一张图表中表显得很拥挤,既不美观,也不利于比较数据,因此图表的缩放功能必不可少。

FineReport 图表交互属性 提供了缩放功能,分为手势缩放控件缩放。效果如下所示:

  • 手势缩放:鼠标选中区域即可放大该区域。

222

  • 控件缩放:底部控件滚动选择区域,底部控件伸缩放大缩小区域。

222

注1:支持图和表一起缩放。

注2:两种缩放方式只能选其一,无法共存。

注3:当设置缩放控件后,除了拖动缩放控件外,在绘图区内拖动也将触发缩放控件的滑动。绘图区内拖动方向与控件相反,如向左滑动则控件则对应的图表区域向右滑动

1.2 功能介绍

1.2.1 手势缩放

图表属性面板特效>交互属性>图表缩放缩放控件默认为关闭状态,此时可使用手势缩放。

Snag_22c3dd3c.png

注:选中小区域时,可以放大该区域;选中区域尽量往外拖,使其尽可能包含 X 轴的值,则原先页面会缩小。

1.2.2 控件缩放

当缩放控件开启时,即可使用缩放控件。

控件边界:可调整时,可伸缩控件长短,不可调整时则按初始值为准。

初始边界:调整左右边界。

缩放方向:可调整为缩放方向。

注:当柱形图分类为对象名称时,左右边界也可以填数字来限定控件初始大小。

Snag_232bdad1.png

2. 示例编辑

2.1 模板设计

以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择柱形图(新特性)-柱形图,如下图所示:

image.png

2.2 数据设置

新建工作薄,添加数据集 ds1:SELECT * from S订单 order by 订购日期 limit 25

2.3 图表绑定数据

选中柱形图表,在右侧选择数据,选择数据源,绑定对应数据,设置如下图所示:

image.png

2.4 特效设置

图表缩放特效路径为 选中特效>交互属性>图表缩放>缩放控件

a)手势缩放,默认即为手势缩放,无需设置,如下所示,这边不过多描述。

2)控件缩放,需开启缩放控件,并设置左右边界值,如下所示:

示例设置左边界值为:'2010-01-01' 右边界为:'2010-02-02',即初始图表只显示一个月的数据,如果想看其他月的数据,可以伸缩控件长短。

222

注:如果 X 轴是分类坐标轴,那么边界必须是已有的分类,如果 X 轴是数值/日期坐标轴,那么边界就可以是一段范围而不一定是已有的分类

3)带表格的缩放 

实现方法为选择样式>数据表,勾选显示数据表。如下图所示:

image.png

注:无论有几个系列,缩放控件内部的趋势线都只有一条,是通过统计每个分类下所有系列和生成的。

2.5 效果预览

保存报表,点击表单预览,效果如应用场景中所示。

注:柱形图表缩放支持决策报表,设置方式同普通报表设置


3 模板下载编辑

点击下载手势缩放柱形图模板:手势缩放柱形图.cpt

点击下载控件缩放柱形图模板:控件缩放柱形图.cpt