找回密码
 立即注册

QQ登录

只需一步,快速开始

KarenGao
超级版主   /  发表于:2022-5-30 14:32  /   查看:3236  /  回复:1
本帖最后由 KarenGao 于 2022-5-30 15:08 编辑

      在设计大屏时,在大屏上通过日期查询和过滤数据是一个应用非常高频的场景,常用的场景如下:
        -  按照固定的日期,时间维度过滤数据,比如2022年的数据,
        -  按照固定的相对时间过滤数据,比如过去三个月,
        -  按照动态的相对时间过滤数据,比如过去一个月,其中”1”可以根据参数动态指定,灵活查询。

      在制作各种场景的大屏时,日期筛选器和日期相关的分析,紧密相关,系列文章如下:

    Wyn在之前的日期筛选器(Date slicer)的基础上做了全面的升级,包括功能上的增强和使用体验的提升,这样用户在设计仪表板时可以快速搞定想要设计的场景,新的筛选器六大亮点如下:
    一个日期筛选器搞定多种模式的查询
     在设计大屏时,根据不同的场景可能需要不同粒度的日期筛选模式,比如年,年-月,日期等,Wyn新升级的日期筛选器,提供多种日期模式的灵活选择,在设计大屏时,通过一个属性设置想要的日期查询模式,这样用户在查看仪表板时直接展示对应模式的日历框,无需再切换,只需要一个筛选器,搞定所有场景的查询设置。
    image.png661228332.png
    比如两个筛选器分别设置了“年-季度” 和“日期”,运行结果如下:
    image.png936765441.png
    一个日期筛选器,两种显示模式
    一个日期筛选器,涵盖两种显示模式,在设计时,可以根据查询的需要,灵活设置单值或者范围查询,同时可以设置筛选框的提示文本内容。
    image.png106135863.png

    设置默认值:静态/相对
    在设计大屏的时候,另一个重要功能是,用户常常期望能够提前预置好默认值,比如“当月”,“过去3年”等等,新的日期筛选器支持直接通过属性值来设置默认值,并且同时支持“绝对日期”和“相对日期”两种方式,用户可以根据的场景需要灵活选择,并且根据前面选择的日期模式,灵活弹出对应模式的日历框,体验更优。
    对于日期范围,支持两个日期值分别独立的设置默认值,如果是“相对日期”,则只需要设置一个,自动计算出对应的“开始时间”和“结束时间”。
    image.png743708190.png

    在设置默认值为“相对日期”时,除了常用的“昨天”,“今天”等快捷日期,用户可以灵活设置偏移日期,或者根据基准日期添加一些更复杂的日期格式。比如设置基于当天的过去30天,如下图所示:
    image.png703132934.png
    设置日期快捷查询范围
     在运行大屏和查询数据的时候,除了常用用日历框选择日期,用户常常期望能够用相对日期实现快速查询,比如过去30天,过去7天,过去一个季度等,新的日期筛选器提供“快捷范围”,用户可以打开快捷范围,同时在设计时提前预置一些常用的快捷查询范围,将保存在日期筛选器上,这样用户在查询大屏的时候可以快速选择,同时用户在查看大屏时根据自己的需要临时选择其他相对日期。
    image.png603824767.png
    运行结果如下,左侧筛选器未开启“快捷范围”,右侧筛选器开启了“快捷范围”,可选择预置的快捷范围和自定义范围。
    image.png949394226.png
    自定义日期/时间格式
    在运行大屏的时候,对于不同的场景和不同的语言环境等,新的筛选器提供“日期格式”的属性直接设置日期格式,可使用内置的常用格式,也可以自定义格式。
    image.png186561278.png

1 个回复

倒序浏览
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-6-2 15:26:28
沙发
本帖最后由 ZenosZeng 于 2022-6-7 12:03 编辑

加入官方QQ群(群号:869635873),下载Wyn V6.0预览版进行体验。

了解更多Wyn V6.0新特性,可以查看新特性预览公开课视频哦,
https://gcdn.grapecity.com.cn/fo ... peid%26typeid%3D273
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部