跳到主要内容

过滤控件使用

1.BI过滤器控件介绍

BI过滤器控件是用于数据分析和可视化工具中的重要组成部分。它们用于筛选和限制数据集,以便用户可以专注于特定的数据子集进行分析,帮助用户快速、轻松地分析和理解复杂的数据集,从而支持更好的业务决策和行动计划。

2.BI过滤器使用流程

image
Preview

3.BI过滤器控件配置

image
Preview

image
Preview

过滤样式基础属性介绍

  1. 控件基础
  • 背景色:可设置控件背景色,注意最后的a值代表透明度,可手动将0改为100,比如红色:rgba(255, 0, 0, 100)。
  • 渐变背景:开启后您可以选则两种颜色,形成渐变。渐变色支持从左往右渐变或从上往下渐变。
  • 背景图片:可以给控件设置一个背景图片。
  • 显示方式:指的是背景图片的显示方式,比如拉伸、平铺、自适应裁剪、自适应填充。
  • 圆角:是对控件进行圆角处理,可自定义圆角大小。
  • 边框尺寸:四个值分别代表上、右、下、左四条边的宽度。

2.标题:控件标题(是否显示)、显示高度、标题背景设置、字体样式设置、超链接、字体位置等设置;
3.选择器:选择器(是否显示)、背景设置、字体、展现方式(根据不同宽度来调整大小:窗口等分、分别定义占比、分别定义绝对宽度)等设置;

3.1 搜索框

image
Preview

  1. 过滤器样式: 对字体,边框样式进行设置。
  2. 过滤提示样式: 对字体,选中字体样式进行设置。
  3. 过滤效果:
    3.1 初始默认值:可选以下2种
    • 无(无默认值即不过滤);
    • 自定义(自定义内容提示);
      3.2 文字提示:自定义提示内容
      3.3 查询方式:支持模糊查询、精准查询2种方式
      3.4 必填:是否为必填选项;
      3.5 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.2 下拉单选

image
Preview

  1. 过滤器样式: 对字体,边框样式进行设置。
  2. 过滤提示样式: 对字体,选中字体样式进行设置。
  3. 过滤效果:
    3.1 提示框内容:支持数据表数据(数据集字段内容)、自定义(自定义固定显示值、实际值);
    3.2 初始默认值:可选以下2种
    • 无(无默认值即不过滤);
    • 自定义(自定义内容提示);
      3.3 必填:是否为必填选项;
      3.4 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;
      3.5 字段排序:过滤字段排序支持默认、升序、降序;

3.3 下拉多选

image
Preview

下拉多选:支持搜索、全选、全部不选、反选等多选操作;

  1. 过滤器样式: 对字体,边框样式进行设置。
  2. 过滤提示样式: 对字体,选中字体样式进行设置。
  3. 过滤效果:
    3.1 提示框内容:支持数据表数据(数据集字段内容)、自定义(自定义固定显示值、实际值);
    3.2 初始默认值:可选以下2种
    • 无(无默认值即不过滤);
    • 自定义(自定义内容提示);
      3.3 必填:是否为必填选项;
      3.4 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;
      3.5 字段排序:过滤字段排序支持默认、升序、降序;

3.4 数值滑块

image
Preview

  1. 过滤器样式: 对字体,滑块颜色,背景色进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下2种
    • 自定义(自定义选择固定起始结束值);
    • 数据表字段(根据拖入的数据表字段设置初始默认值,默认取最大值);
      2.2 最小值:自动(根据度量自动识别最小值),固定(自定义设置);
      2.3 最大值:自动(根据度量自动识别最大值),固定(自定义设置);
      2.4 步长大小:每次拖动滑块步长;

3.5 数值区间

image
Preview

  1. 过滤器样式: 对字体,背景,边框进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下2种
    • 无(无默认值即不过滤);
    • 自定义(自定义选择固定值);
      2.2 必填:是否为必填选项;
      2.3 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.6 年份列表

image
Preview

  1. 过滤器样式: 对字体,背景,边框,选中样式进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选今年、前年、去年等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本今年、明年、去年、近2年等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4.必填:是否为必填选项;
      2.5.查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.7 年月列表

image
Preview

  1. 过滤器样式: 对字体,背景,边框进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选本月、上月、年初月、季度初月等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本月、上月、下月、近3个月等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4 必填:是否为必填选项;
      2.5 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.8 日期列表

image
Preview

  1. 过滤器样式: 对字体,背景,边框,选中样式进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选今日、昨日、前天、本周一、月初、月末等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本周、上周、下周、近七天、近15天、本年等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4.必填:是否为必填选项;
      2.5.查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.9 年份面板

image
Preview

  1. 过滤器样式: 对字体,背景,边框,选中样式进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选今年、前年、去年等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本今年、明年、去年、近2年等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4.必填:是否为必填选项;
      2.5.查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.10 年月面板

image
Preview

  1. 过滤器样式: 对字体,背景,边框进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选本月、上月、年初月、季度初月等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本月、上月、下月、近3个月等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4 必填:是否为必填选项;
      2.5 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.11 日期面板

image
Preview

  1. 过滤器样式: 对字体,背景,边框,选中样式进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选今日、昨日、前天、本周一、月初、月末等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本周、上周、下周、近七天、近15天、本年等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4.必填:是否为必填选项;
      2.5.查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.12 日期区间

image
Preview

  1. 过滤器样式: 对字体,背景,边框进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选今日、昨日、前天、本周一、月初、月末等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本周、上周、下周、近七天、近15天、本年等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4 必填:是否为必填选项;
      2.5 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;
      2.6 快捷选项:支持日期区间的快捷方式可选多种本周、上周、下周、近七天、近15天、本年等

3.13 年月区间

image
Preview

  1. 过滤器样式: 对字体,背景,边框进行设置。
  2. 过滤效果配置:
    2.1 初始默认值:可选以下3种
    • 无(无默认值即不过滤);
    • 动态(自定义选择动态日期,可选本月、上月、年初月、季度初月等);
    • 自定义(自定义选择固定日期);
      2.2 可选区间:
    • 默认(无区间设置);
    • 动态(自定义选择动态日期,可选本月、上月、下月、近3个月等);
    • 设置范围:(自定义选择固定起始值、结束值日期);
      2.3.日期格式:支持设置字段参数对应的日期格式;
      2.4 必填:是否为必填选项;
      2.5 查询空值时:
    • 不进行过滤:查询数据为空时,保持原样不进行过滤;
    • 按照空字符串进行过滤:过滤后结果为空;

3.14 查询按钮

image
Preview

过滤器样式
1.按钮文字:自定义按钮文字
2.字体样式、边框样式
3.按钮颜色设置

3.15 重置按钮

image
Preview

过滤器样式
1.按钮文字:自定义按钮文字
2.字体样式、边框样式
3.按钮颜色设置