时间轴

垂直展示的时间流信息

何时使用

• 需要展示按一定顺序出现的事物时

功能演示

常规使用

默认使用静态数据，此时需要手动加入节点

动态数据

自定义节点

假设有一份这样的数据需要用时间轴展示：

[
  {day: 'Day 1', dinner: 'meat'}, 
  {day: 'Day 2', dinner: 'bread'},
  {day: 'Day 3', dinner: 'noddles'},
]

展示样式为：每个节点都是—— Day [X] - [dinner]

实现步骤如下：

1. 选中时间轴，开启「自定义节点内容」。

Tips：编辑区直接点击时间轴组件会选中节点，可以在左上角#号区域选中时间轴组件

2. 在节点插槽中加入一个自定义容器，内设两个文本组件

3. 给时间轴设置数据源

此时因为节点内容是自定义的，因此不必根据设置数据源时默认的字段结构来传递数据，直接传入自定义数据即可

4. 数据项与内容绑定

此时需要将每个数据项的day字段与第一个文本绑定，dinner字段与第二个文本绑定：

最终效果：