最新历史版本 :[通用]移动端多图表切换 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
App 版本HTML5 移动端展现插件版本功能变动
11.0V11.0V11.0-

1.2 应用场景

为了提高空间利用率和报表的美观度,报表设计时经常用到图表切换的功能。

1.3 功能介绍

图表切换属性支持两种切换方式:「按钮」、「轮播」。

注1:仅普通报表和决策报表支持, FVS 可视化看板不支持。FVS 中若想实现多图表切换,可通过在 FVS-Tab组件 中添加图表实现。

注2:V11.5.1 版本起,设计器中取消 「新建决策报表」 入口,历史决策报表模板仍可正常编辑与访问。更推荐使用 FineVis数据可视化 ,作为专业的数据可视化工具,比决策报表制作可视化看板效率更高、效果更丰富 。

  • 按钮:支持点击按钮或滑动图表进行切换。如下图所示:

按钮动图.gif

  • 轮播:图表自动切换,可自定义轮播时间间隔。可选择是否显示轮播箭头(切换按钮),自动轮播时点击切换按钮仍然有效。如下图所示:

1583389698766319.gif

2. 按钮编辑

2.1 操作方法

1)在一个图表组件的「类型」属性页面,点击 Snag_a554b21.png ,类似 Tab 块的效果新增多个其他图表,点击 Snag_a575f1c.png ,可打开图表切换属性设置页面。如下图所示:

添加图表.png

2)图表切换属性页面的切换方式选择「按钮」,设置好按钮的样式,点击「确定」即可。如下图所示:

按钮.png

2.2 效果说明

注:CPT 单元格图表、FRM 报表块单元格图表设置按钮切换时,第一个图表支持切换到最后一个图表,最后一个图表也支持切换到第一个图表;FRM 图表组件不支持此功能。

场景图表类型是否显示切换按钮,是否支持滑动切换
手机FRM 图表组件
重布局不显示切换按钮,支持滑动切换
保留布局显示切换按钮,不支持滑动切换
CPT 单元格图表、FRM 报表块单元格图表显示切换按钮,不支持滑动切换
PadCPT 单元格图表、FRM 图表组件、FRM 报表块单元格图表显示切换按钮,不支持滑动切换

2.3 效果预

以 FRM 图表组件重布局为例,设置按钮切换,实际不显示切换按钮,支持滑动切换。如下图所示:

按钮动图.gif

3. 轮播编辑

3.1 操作方法

1)在一个图表组件的「类型」属性页面,点击 Snag_a554b21.png ,类似 Tab 块的效果新增多个其他图表,点击 Snag_a575f1c.png ,可打开图表切换属性设置页面。如下图所示:

添加图表.png

2)图表切换属性页面的切换方式选择「轮播」,设置是否显示轮播箭头 ( 切换按钮 ) 和轮播时间间隔,点击「确定」即可。如下图所示:

轮播.png

3.2 效果说明

注:CPT 单元格图表、FRM 报表块单元格图表设置轮播切换时,第一个图表支持切换到最后一个图表,最后一个图表也支持切换到第一个图表;FRM 图表组件不支持此功能。

轮播箭头设置场景图表类型

是否显示轮播箭头,是否支持按钮切换,

是否支持滑动切换

隐藏
手机
FRM 图表组件重布局

隐藏轮播箭头,不支持按钮切换,支持滑动

保留布局
显示轮播箭头,支持按钮切换,不支持滑动
CPT 单元格图表、FRM 报表块单元格图表显示轮播箭头,支持按钮切换,不支持滑动
PadCPT 单元格图表、FRM 图表组件、FRM 报表块单元格图表显示轮播箭头,支持按钮切换,不支持滑动
显示手机、PadCPT 单元格图表、FRM 图表组件、FRM 报表块单元格图表显示轮播箭头,支持按钮切换,不支持滑动

3.3 效果预览

以 FRM 图表组件重布局为例,设置显示轮播箭头,实际显示轮播箭头,支持按钮切换,不支持滑动切换。如下图所示:

轮播动图.gif

4. 下载模板编辑

点击下载按钮模板:多图表按钮切换.frm

点击下载轮播模板:多图表轮播切换.frm