Stimulsoft Dashboards.JS是一个功能齐全的工具，用于为JavaScript平台创建仪表板。

Stimulsoft Dashboards.JS官方正版下载

在上一篇文章中，主要介绍了报表控件Stimulsoft组件中的图像元素，包括其设置、添加的功能、以及在数据分析中的使用，今天我们将向您详细介绍Filter组中的仪表板筛选元素，包括其类别、功能，以及在创建仪表板时如何使用它们。

过滤器组的颜色

我们的报表设计器包含具有一组元素的过滤器组，这些元素允许您在仪表板上过滤数据：

• 组合框;
• 日期选择器;
• 列表框;
• 树视图框；
• 树视图。

当使用它们时，默认情况下会对仪表盘的所有组件进行数据过滤。同时，您也可以使用这些元素仅对个别组件应用过滤。组属性将帮助你做到这一点。
团体
该属性允许你在过滤数据时将仪表盘组件分为一组。如果你想在一个仪表盘上置放两个不同的表格，同时还需进行数据过滤，这时需要你使用组属性对它们进行分组，并为它们指定不同的值。之后，这时你就可以在一个仪表盘上分别进行数据过滤。
你可以用同样的方法来创建放置在不同仪表盘上组件之间的互动。你可以在我们的文档中了解如何使用这个属性。
让我们去一起看看数据过滤元素。
报表设计器中的数据过滤元素
我们报表设计器中的数据过滤分为三类：

• 日期选择器;
• 简单列表；
• 分层列表。

日期选择器
日期选择器元素允许您设置时间段并使用它在仪表板上过滤数据。下面是一个包含 2021 年 10 月到 11 月销售统计数据的仪表板，使用 DatePicker 元素，您可以更改日期并观察统计数据，例如，从 3 月到 6 月或从 5 月到 10 月。

时间段可以设置为 3 种模式：

单一：如果选择Single模式，系统会根据你在Condition参数中选择的条件来设置你操作系统的当前日期和对应的范围；
范围：该模式自动设置当前月份的范围；
自动量程：该模式设置从数据源中指定的最早日期到最晚日期的时间段。
需要注意的是Condition参数仅在选择 Single 模式时可用。
参数值是一个逻辑运算，它决定了日期范围从当前日期开始的延续性。例如，如果选择了大于值，一个元素的范围默认将包括从当前操作系统日期开始的所有后续日期。

简单列表

简单列表包含列表框和组合框元素。Combo Box 元素是一个包含值列表的下拉菜单。在列表框元素中，值显示为没有任何下拉菜单的简单列表。它们之间的主要区别在于，打开预览选项卡和折叠查看器时，列表框元素的高度会发生变化，而组合框则不会。此外，在 Combo Box 中，您不仅可以隐藏值，还可以删除它们，而在 List Box 元素中则不能。

让我们分析使用此类元素的数据过滤，您可以在下方看到一个显示支持人员 KPI 的仪表板。

因此，我们可以将 Combo Box 元素添加到仪表板，指定员工的姓名。然后打开查看器，找到并隐藏一些员工的姓名。例如，让我们隐藏约翰和凯特。

您会发现，筛选后仪表板上的数据发生了变化：KPI 下降了，因为我们不再考虑 John 和 Kate 的贡献。
下面我们来仔细看看分层列表类别。
分层列表
与之前的数据过滤元素相比，Tree View和Tree View Box允许您创建一个值层次结构，您可以根据该层次结构过滤仪表板数据。您可以在下面看到此元素工作的示例。

如您所见，数据显示为大陆和国家的层次结构，允许您按适当的顺序过滤它们。与简单列表类别一样，通过隐藏某些值来过滤数据。与 Combo Box 元素的情况一样，Tree View Box 显示为下拉菜单，而 Tree View 显示为与 List Box 元素一样的简单列表，这同样适用于元素在查看器中折叠时的高度。

与简单列表一样，您不仅可以隐藏树视图框中的值，还可以将它们与树视图进行比较。

附加功能

所有提到的元素都包含编辑器中额外自定义的参数 -选择模式、显示（全部）值和显示空白：
选择模式：此参数允许您指定一个或多个值来过滤数据。也就是说，如果您选择 Single 模式，数据将按元素的一个当前值进行过滤。如果选择 Multi 模式，数据将按所有选定的值进行过滤；
显示（全部）值：如果您激活该参数，则 All 值将显示在查看器中所选元素上方，激活它时，将选择元素的所有值；

显示空白：使用该参数，您将能够在选定元素的值列表中将数据源中的空值显示为一个空值。

今天关于“仪表板工具Stimulsoft Dashboards中的数据筛选元素”的介绍就到这里啦，点击查看更多教程。

想要了解Stimulsoft Dashboard价格信息的朋友，欢迎咨询慧都官方客服。

如果您对本文或使用图像元素仍有任何疑问

欢迎加入官方社群 740060302，相互交流

---