2.1 准备数据

新建普通报表，新建一个内置数据集 Embedded1，只添加一个字段，自定义一些文本数据，如下图所示：

2.2 设计报表

将数据集中的信息字段拖至 D4单元格，并设置扩展方向为不扩展。设计表格样式如下图所示：

右击 D 列将其隐藏。

2.3 单元格插入公式

2.3.1 从上往下，水平靠左滚动

选中 B4 单元格，单击鼠标右键选择「单元格元素>插入公式」，公式如下："

width='400' hspace='0' vspace='2' loop='-1' scrollamount='10' scrolldelay='100' onMouseOut='this.start()'

onMouseOver='this.stop()'>" + REPLACE(D4, ",", "
") + "

"

注：公式是为了将 D4 单元格的内容拼接到 HTML 语句中。REPLACE(D4, ",", "
") 意思是将 D4 单元格内容中的 ","替换成"
"，
在 HTML 中表示「换行」。

2.3.2 从下往上，水平居中滚动

只需要将上面的公式修改为："

direction='up' height='250' width='400' hspace='0' vspace='2' loop='-1' scrollamount='10' scrolldelay='100'

onMouseOut='this.start()' onMouseOver='this.stop()'>" + REPLACE(D4, ",", "
") + "

"

2.3.3 公式参数解释参数含义

direction表示滚动的方向，值可以是 left，right，up，down 默认为 left

behavior表示滚动的方式，值可以是 scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

loop表示循环的次数，值是正整数，loop='-1' 表示为无限循环

scrollamount表示运动速度，值是正整数，默认为 6

scrolldelay表示停顿时间，值是正整数，默认为 0，单位是毫秒

align表示元素的垂直对齐方式，值可以是 top，middle，bottom默认为 middle

bgcolor表示运动区域的背景色，值是 16 进制的 RGB 颜色，默认为白色

height表示运动区域的高度，值是正整数(单位是像素)或百分数，默认 width=100%

width表示运动区域的宽度，值是正整数(单位是像素)或百分数，默认 height 为标签内元素的高度

hspace表示元素到区域边界的水平距离，值是正整数，单位是像素

vspace表示元素到区域边界的垂直距离，值是正整数，单位是像素

οnmοuseοver=this.stop()表示当鼠标以上区域的时候滚动停止

οnmοuseοut=this.start()表示当鼠标移开的时候又继续滚动

style表示添加样式

text-align:center; 指文本水平居中

display:table-cell; 指文本垂直居中

vertical-align:middle; 指让标签元素以表格单元格的形式呈现

2.4 设置单元格属性

2.4.1 用 HTML 显示单元格内容

选中 B4 单元格，将「单元格属性>其他」显示内容设置为「用 HTML 显示内容」，如下图所示：

2.4.2 取消单元格自动调整行高

选中 C4、D4 单元格，右击选择其他，选择「不自动调整」.

2.5 效果预览

2.5.1 PC 端

保存报表，点击「分页预览」，效果与 1.1 节竖屏滚动效果一致。

2.5.2 移动端

App 端和 HTML5 端均支持滚动效果，但不支持通过鼠标移动使其暂停并继续滚动的效果，如下图所示：