[通用]移动端多图表切换

1.1 版本

1.2 应用场景

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

1.3 功能介绍

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

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

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

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

2.1 操作方法

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

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

2.2 效果说明

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

2.3 效果预览

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

3.1 操作方法

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

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

3.2 效果说明

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

3.3 效果预览

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

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

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

按钮已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\多图表按钮切换.frm

轮播已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\多图表轮播切换.frm