[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

日期范围

功能概述

日期范围筛选器与数值范围筛选器类似,不同之处在于日期范围筛选器绑定的是一个日期字段,根据日期进行筛选。

组件支持使用“年”、“年-季度”、“年-月”、“日期”和“日期时间”各种粒度的筛选。

添加筛选器

在左边筛选器中选择日期范围筛选器图标image2018-9-17_18-9-17.png,并将该筛选器拖拽至页面中。

image

数据绑定

将日期字段拖拽至绑定区域。仅能绑定一个日期字段。

image

绑定日期之后,其实已经可以作为一个日期筛选器进行数据筛选。

image2022-4-19_16-7-34.png

具体设置

为了更加符合实际应用场景,我们经常需要进行属性设置,使日期筛选器更符合需求。

image

本页主要介绍筛选器样式中的属性,其他属性请详见组件外观与属性

日期模式

支持以下日期模式:

  • 年-季度

  • 年-月

  • 日期(默认)

image

显示模式

可选 日期 (默认)或者 日期范围

  • 日期:也就是选择筛选器为单日期筛选器。仅需选择一个日期进行筛选。

  • 日期范围:筛选器将作为一个日期范围的筛选器,需选择两个日期,一个开始日期和一个结束日期。

默认值

通常我们会为仪表板中的日期范围组件指定一个默认值,这样每次打开仪表板时都会首先按照默认设置进行显示。

支持 绝对日期相对日期 两种设置方法。

image2022-4-19_16-25-27.png

type=info

提示

添加快捷范围之后,值类型也可以选择快捷范围。有关快捷范围的介绍,请见本页下方内容。

image2022-4-19_17-24-50.png

无论是绝对日期还是相对日期,设置日期时的单位与设置的 日期模式 统一。

如下图所示,日期模式设置为“年-季度”。

image

设置默认值时,无论是绝对日期还是相对日期,都是仅能设置年和季度。

绝对日期时:

image2022-4-20_11-58-23.png

相对日期时:

image2022-4-20_11-56-20.png

并且支持使用仪表板参数,参数类型需要是日期或日期时间类型。有关仪表板参数的更多介绍,请见仪表板参数

image2022-4-19_16-54-22.png

type=info

提示

筛选器显示模式是日期和日期范围时,对于绑定参数的处理方式不同。

当显示模式为日期时,会对参数按照设定的日期模式进行处理。如绑定的参数值为2020.5.25,当前的日期模式设定的是“年”,那么这里只取参数的年份,即2020年,筛选数据为2020年一整年的数据。

当显示模式为日期范围时,不对参数进行处理。即使日期模式为“年”,而绑定的两个参数值为具体日期,那么也会按照实际的参数值进行筛选,不会处理成年份。

数据格式

设置筛选器上显示的日期格式。

image2022-4-19_16-59-0.png

如上图设置后,筛选器显示如下:

image2022-4-19_16-59-42.png

日期提示文本

当输入框中未显示具体时间数据时,显示的提示文本。

image

允许清空日期

是否允许用户在使用筛选器时,清空筛选器中的日期设定。允许清空日期时,当鼠标悬浮至输入框右侧就会出现叉号,点击即可清空当前设定日期。

image2022-4-19_17-3-41.png

允许切换日期模式

开启预览时切换日期模式功能。

开启后即可在预览时切换日期模式,效果如下:

image

允许切换显示模式

开启预览时切换显示模式功能。

开启后即可在预览时切换显示模式,效果如下:

image

同时开启切换日期模式和显示模式功能后,y效果如下:

image

启用快捷范围

显示模式设置为日期范围时,可以启用快捷范围功能。

image


启用后表示允许最终用户在使用仪表板时,使用快捷范围来筛选数据。如下图,单击快捷范围按钮即可打开预设的快捷范围,或者自定义范围。

image2022-4-19_17-16-18.png

快捷范围

设置可用的快捷范围,单击右侧加号添加项目,单击列表按钮打开已有项目。

image2022-4-19_17-21-20.png

添加快捷范围的过程与设置相对日期的方法基本相同。

image2022-4-19_17-22-33.png

添加快捷范围之后,在设置默认值时即可选择值类型为快捷范围。

image2022-4-19_17-24-50.png

内边框颜色/尺寸/内容字体

设置筛选器的内边框颜色、粗细以及筛选器的文字字体。

image