时间轴

1. 组件概述

时间轴是一个内容展示组件，用于以时间线的形式展示一系列按时间顺序排列的事件或节点。每个节点包含时间、标题等信息，通过垂直或水平的连线串联起来，直观地呈现事件的先后顺序和发展脉络。适用于展示历史记录、操作日志、学习进度、流程追踪等需要按时间顺序呈现信息的场景。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：学习进度追踪。在学习辅导类应用中，用时间轴展示学生的学习历程，如”2024-01-01 开始学习”、“2024-01-15 完成第一章”、“2024-02-01 通过测验”等。每个节点可以用不同颜色标记学习状态（如绿色表示已完成、蓝色表示进行中），帮助学生和教师直观了解学习进展。

• 场景二：历史事件展示。在文化探索类应用中，用时间轴呈现历史事件的发展脉络，如展示某个朝代的重要事件、某位历史人物的生平经历等。通过时间轴的形式，让学生更清晰地理解历史事件的时间顺序和因果关系。

加载中...

查看 JSON

复制 JSON

3. 功能配置

基础

配置折叠组

配置项	说明
排序	控制时间轴节点的显示顺序。可选”正序”或”反序”。正序按时间从早到晚排列（最早的在上/左），反序则相反（最新的在上/左）。根据实际需求选择，例如展示历史事件通常用正序，展示最新动态通常用反序。

数据折叠组

配置项	说明
数据	配置时间轴的节点数据。点击”添加一项”可逐个添加节点，每个节点需要填写时间、标题，还可以设置节点颜色。点击”批量添加”可以一次性添加多个节点，每行一个，格式为”时间 标题”（用空格分隔）。已添加的节点支持拖拽排序、编辑、复制和删除操作。
自定义标题模板	开启后可以自定义节点标题的展示样式。默认情况下标题以纯文本形式显示，开启此选项后可以点击”配置展示模板”按钮，在弹出的编辑器中自由设计标题的展示方式，例如添加图标、设置特殊样式、组合多个字段等。

高级

配置折叠组

配置项	说明
时间轴方向	控制时间轴的整体布局方向。可选”垂直”或”水平”。垂直方向时节点从上到下排列，适合展示较多节点；水平方向时节点从左到右排列，适合展示较少节点或需要横向滚动查看的场景。默认为垂直方向。
文字位置	控制节点内容相对于时间轴线的显示位置，仅在时间轴方向为”垂直”时可用。可选”左侧”、“右侧”或”两侧交替”。左侧表示内容显示在时间轴线的左边，右侧表示显示在右边，两侧交替则是奇偶节点分别显示在左右两侧，视觉上更有层次感。

状态折叠组

配置项	说明
可见	控制时间轴组件是否显示。默认可见。可以设置为始终可见，或绑定变量根据条件动态控制显示。
隐藏	控制时间轴组件是否隐藏。与”可见”相反。