山海鲸中创建带时间轴的项目，如何设置组件和配置数据实现多组数据随时间展示及灵活查看？

2025-08-01 14:16

#软件

0 0

回答（1）

阳春前台管理员

2025-08-22 18:25

在山海鲸中创建带时间轴的项目，实现多组数据随时间动态展示及灵活查看，核心是通过「时间轴组件」与「数据联动配置」结合，让可视化组件随时间维度自动切换数据。
准备带时间维度的数据源
确保数据中包含明确的「时间字段」（如日期、时间戳）和「多组指标数据」（如不同区域 / 类别的数值）
添加时间轴组件并配置基础参数
时间轴是控制时间维度的核心，用于选择 / 播放特定时间点 / 时间段的数据：

添加时间轴组件
在左侧组件库搜索「时间轴」（或「时间控制器」），拖拽至看板
绑定时间字段
选中时间轴组件，在右侧「属性→数据」中：「数据源」选择准备好的数据集；
「时间字段」选择数据中的时间列（如 “时间” 字段），系统会自动解析并按时间顺序排列。
设置时间轴类型与范围
配置多组数据随时间联动展示
通过「数据联动」让可视化组件（如柱状图、折线图、数字牌）随时间轴的选择动态更新数据：
为可视化组件绑定数据
- 拖拽「柱状图」组件至看板，在右侧「属性→数据」中选择同一数据源；
- 「类别字段」选择分组维度（如 “区域”，若数据中是多列指标则无需此步，直接选指标字段）；
- 「值字段」选择多组数据（如 “华东销售额”“华北销售额”“华南销售额”）。
建立与时间轴的联动关系
让组件只显示当前时间轴选中的数据：
- 选中柱状图组件，在右侧「交互→数据联动」中点击「添加联动」；
- 「联动源」选择之前添加的「时间轴组件」；
- 设置时间轴播放与交互功能（灵活查看）
- 为提升操作灵活性，配置时间轴的播放控制和交互方式：
- 自动播放与速度控制
- 在时间轴组件的「属性→播放设置」中：
- 勾选「自动播放」，设置播放速度
- 勾选「循环播放」，实现数据随时间自动轮播展示；
- 可设置「播放方向」（正向 / 反向），适合展示数据趋势变化。
- 手动交互与精准定位
- 点击跳转」：开启后，点击时间轴上的任意时间点，组件会立即更新为该时间的数据；
- 「滑块拖动」：拖动时间轴滑块，实时查看不同时间点的数据（适合快速浏览趋势）；
- 「时间范围选择」：若数据量较大，可在时间轴上框选某一时间段，组件仅显示该范围内的数据（需在「属性→交互」中开启 “范围选择”）。详情可参考- 设置数据联动 - 项目制作 - 山海鲸可视化/ 基础时间轴 - 项目制作 - 山海鲸可视化/ 设置交互 - 项目制作 - 山海鲸可视化