文档首页 > > 用户指南> 组件指南> 交互> 时间轴

时间轴

分享
更新时间: 2019/06/14 GMT+08:00

本章节主要介绍时间轴组件各配置项的含义。

样式

  • 尺寸位置
    • 图表尺寸:设置图层的宽和高。
    • 图表位置:设置图层在画布中的位置。
    图1 尺寸位置-时间轴
  • 全局样式
    • 字体:设置组件文本的字体类型。
    • 轮播:勾选时,组件会进行轮播。
    • 时间间隔:输入数值或单击设置轮播时的时间间隔。此参数只有在“轮播”为勾选状态时才有效。
    • 停留时间:输入数值或单击设置组件播放到一小段时的停留时间。此参数只有在“轮播”为勾选状态时才有效。
    • 左右边距:输入数值或单击设置组件的左右边距。
    图2 全局样式-时间轴
  • 事件节点
    • 种类:单击下拉选项设置事件节点的种类,可设置为时间型、类目型、数值型。
    • 节点形状:单击下拉选项设置节点形状,可设置为菱形、圆、三角形(上)、三角形(下)、方形、叉。
    • 节点大小:输入数值或单击设置节点大小。
    • 默认样式:设置节点的默认样式,包括节点填充色、节点边框色、节点边框粗细。
    • 选中样式:设置节点选中时的样式,包括节点填充色、节点边框色、节点边框粗细。
    图3 事件节点-时间轴
  • 节点标签-下
    • 上下偏移:设置节点标签下方文字的偏移量。
    • 默认样式:设置节点标签下方文字的默认样式,包括字号、颜色和字体粗细。
    • 选中样式:设置节点标签下方文字的选中样式,包括字号、颜色和字体粗细。
    图4 节点标签-下-时间轴
  • 节点标签-上
    • 上下偏移:设置节点标签上方文字的偏移量。
    • 默认样式:设置节点标签上方文字的默认样式,包括字号、颜色和字体粗细。
    • 选中样式:设置节点标签上方文字的选中样式,包括字号、颜色和字体粗细。
    图5 节点标签-上-时间轴
  • 背景
    • 粗细:输入数值或单击设置背景的粗细。
    • 默认样式:单击颜色编辑器设置背景的默认颜色。
    • 选中样式:单击颜色编辑器设置背景选中时的颜色。
    图6 背景-时间轴

数据

上图中的示例数据如下:

[
  {
    "name": "1983年",
    "value": 1983,
    "text": "事件1"
  },
  {
    "name": "1989年",
    "value": 1989,
    "text": "事件2"
  },
  {
    "name": "2009年",
    "value": 2009,
    "text": "事件3"
  },
  {
    "name": "2017年",
    "value": 2017,
    "text": "事件4"
  }
]
  • name:时间轴节点标签下侧显示的文本。
  • value:设置事件节点的值。
  • text:时间轴节点标签上侧显示的文本。

交互

如何使用组件的交互配置,请参照设置组件交互

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区