[]
        
在线Demo 免费试用
(Showing Draft Content)

日期时间

1. 概述

1.1 功能概述

日期时间组件无需数据绑定即可实时显示当前系统时间,也支持手动设置自定义时间,满足动态展示与静态时间标注双重需求。

image

2. 操作步骤

本文将指导您在Wyn中创建和使用日期时间。

2.1 前提条件

  1. 界面要求: 已进入仪表板设计界面。

2.2 操作步骤

2.2.1 添加组件

  1. 仪表板设计界面最左侧,单击组件按钮展开列表,选择日期时间,按住鼠标左键将其拖拽至仪表板设计区域,成功添加一个日期时间组件。

    PixPin_2025-06-12_09-02-11

2.2.2 组件属性

  1. 组件拖动到设计器区域后,可通过以下属性配置进一步优化组件展示效果:

    属性

    说明

    系统图示

    图表样式

    自定义图表数据点样式,例如:设置调色板、自动渐变、圆角半径等属性

    PixPin_2025-06-12_09-09-02

    数据交互

    配置联动、跳转、刷新等行为

    动画

    设置组件入场动画、轮播和轮播间隔

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 日期时间额外支持以下独有属性:

  • 图表样式: 在属性设置中,可通过图表样式自动标注数据的显示格式、字体设置和刷新间隔。

    • 显示格式: 可以设定日期与时间显示的格式化

      PixPin_2025-06-12_09-13-20

      显示格式

      说明

      示例

      详细日期

      该选项为默认选项

      日期格式为:XXXX年XX月XX日 星期X 时间

      PixPin_2025-06-12_09-14-11

      长日期

      日期格式为:XXXX年XX月XX日 时间

      PixPin_2025-06-12_09-13-55

      短日期

      日期格式为:XXXX年XX月XX日

      PixPin_2025-06-12_09-14-20

      自定义

      若前面所提供的3个固定的日期格式无法满足需求,可通过自定义选项来自定义合适的格式

      如将时间格式化为12小时制,在格式化的输入框中输入如下格式:YYYY-MM-DD h:mm:ss AM/PM

      PixPin_2025-06-12_09-14-56

    • 字体设置: 设置日期时间显示的字体样式。

      PixPin_2025-06-12_09-16-48

    • 刷新间隔: 供用户设置日期时间的刷新间隔,单位为秒,设置完成之后,将根据设置的时间间隔来更新日期及时间。

      image

2.2.3 数据探索与分析

  1. 组件内置丰富的数据探索与分析功能,从多角度挖掘数据价值,为您的可视化分析提供专业级支持。

    PixPin_2025-06-23_14-45-43