点状时间轴

时间轴可展示动态时间状态，该组件支持自主配置播放模式及播放时长，通常与其他组件进行交互配置，依据时间顺序，把一方面或多方面的事件串联起来，形成相对完整的记录体系。

效果案例

配置

基础属性

组件位置：包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸：包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。比例锁默认不锁定。

旋转：以组件的中心为中心点，进行旋转，单位为度（°）。手动输入角度值，控制组件的旋转角度；

• 单击图标，控制组件左右翻转样式；
• 单击图标，控制组件上下翻转样式。

透明：取值范围为0~100%。为0%时，组件隐藏；为100%时，组件完全显示。默认为100%。

组件属性

全局

当前值类型：可选择通过索引或id来切换当前选中项。

• 索引：选择索引时，可通过常量设置默认选中的当前选中项是第几个选项，通过表达式设置可动态切换当前选中项。
• 默认id：选择默认id时，可通过常量设置默认选中的当前选中项是哪个id对应的选项，通过表达式设置可动态切换当前选中项。

排列方向：
横向：

纵向：

边距：轴两端距离组件框的边距。

轴段长度：

分布方式：

• 单侧分布：轴点在同侧、所有标签在同侧、所有文本在同侧，如上图；
• 双侧分布：轴点、标签、文本，各自的内容均两侧分布，如下图：

轴线样式：轴线的颜色和粗细。

前后箭头：轴两端箭头是否显示，普通样式、悬浮样式、禁用样式（到最前或最后时）。

文本系列： 文本可显示多个字段，按顺序在列表中添加即可。

时间轴

默认样式/选中样式：

• 轴点：轴点样式、大小、位置。（分布方式为两侧时，轴点自动在轴两侧镜像显示）
• 标签：标签内容的折行宽度、 对齐方式、位置、文本样式。
• 文本：文本内容的折行宽度、 对齐方式、位置、字段内容之间的间隔距离、文本样式。

  动画

  显示方式：选中轴点的显示方式。

居左：

居中：

居右：

动画时长：动画切换时所用的时间。

轮播动画：是否开启时间轴自动轮播。

动画间隔：自动轮播时，动画的间隔时间。

数据

组件数据格式

静态数据-JSON数据案例

[
    {
        "id": 1,
        "text": "2001-01",
        "content": "数新软件公司成立，发布快乐报表、快乐打印、快乐ETL等系列产品"
    }
]

交互

支持配置鼠标点击事件
当点击组件时，触发交互事件：设置大屏变量、打开超链接、设置可见、移动、设置JS事件、设置面板状态；

支持配置切换选中事件
当选中改变时，触发交互事件：设置大屏变量、打开超链接、设置可见、移动、设置JS事件、设置面板状态。