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

目录:

1.概述编辑

1.1应用场景

在一些商业报表中,往往由于要展示产品的分类较多的原因,导致一张柱形图表显得很拥挤,既不美观,也不利于比较数据,因此图表的缩放功能必不可少。帆软的新柱形图特地提供了缩放功能,分为手势缩放和滚动控件缩放。效果如下所示:

手势缩放鼠标选中区域即可放大区域

222

控件缩放底部控件的滚动和伸缩,来放大所控制区域

222

控件缩放2:带图表 原理和上述一样

222

注:支持图和表一起缩放

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

注:当设置缩放控件后,除了拖动缩放控件外,在绘图区内拖动也将触发缩放控件的滑动。

绘图区内拖动方向与控件相反,如向左滑动则控件则对应的图表区域向右滑动。


1.2 实现思路

1)新建普通报表,选中A1,合并单元格,插入图表,进行图表的特效设置,如下图所示:

image.png

2)图表缩放功能介绍

选中图表,选择单元格元素,选择特效,再进入图表缩放,进行相应设置。

image.png

a)手势缩放:新图表缩放控件默认状态为关闭,此时即可使用手势缩放。预览时,在图表界面划动即可。

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

b)控件缩放:当缩放控件为打开时,即可使用缩放控件。

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

初始边界:调整左右边界

缩放方向:可调整为X轴方向,Y轴方向,或XY轴方向,或无

image.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