仪表盘下钻

背景

在使用仪表盘模块进行配置时， 经常需要对数据进行下钻，即查看数据所对应的其他维度信息。

现在我们有一个员工表，希望能够显示男女比例，点击男女比例对应饼图时，能展示对应性别的员工等级人数，以及员工的详细列表数据。

前提

在搭建仪表盘前，我们需要创建员工表，并添加员工数据。员工表结构如下：

字段名称	标识符	字段类型
姓名	name	单行文本
性别	sex	列表选择，枚举值：男(male)，女(female)
级别	grade	评分

实现步骤

我们现在可以通过以下方式实现该功能：

第一步：配置主仪表盘

添加一个饼图图表，并添加数据源，数据源为员工表。根据性别字段进行分组，并统计个数。

第二步：配置下钻仪表盘

添加一个仪表盘模块，作为下钻的仪表盘。添加仪表过滤条件性别，可根据需求看是否显示筛选条件。

添加柱状图图表，并添加数据源，数据源为员工表。根据级别字段进行分组，并统计个数。数据源添加性别作为过滤条件，建议忽略空值，这样空的情况下可以查询所有数据。

添加数据表卡片，并添加数据源，数据源为员工表。数据源添加性别作为过滤条件，建议忽略空值，这样空的情况下可以查询所有数据。

第三步：主仪表盘图表添加点击事件

修改主仪表盘饼图图表的事件配置，创建自动化。

在自动化里通过获取用户点击的值，通过自动化步骤打开侧边栏或对话框，如果需要全屏展示设置宽度为100vw,高度为1100vh打开侧边栏或对话框展示类型设置为外部页面，地址设置为下钻仪表盘的地址，由于是本站页面可去除域名前缀，并添加?nonav=yes&noVisitHistory=yes&noBreadcrumbNav=yes至地址后，用于隐藏头部侧边栏和面包屑，并在链接上传递具体需要传递的参数到子仪表盘，传递的参数名称与子仪表盘的仪表盘过滤条件一致

具体参数设置如下：

/app/${Context.appId()}/dashboard/c0ce983rbaoq8?gender=${event.value.sex == '男' ? 'male': 'female'}&nonav=yes&noVisitHistory=yes&noBreadcrumbNav=yes