观远数据精美的仪表板页面经常需要跟客户已有的系统做内嵌集成，但是基于不同的内嵌场景，需要隐藏页面上的特定元素，如Logo、导航条、卡片按钮等。 观远数据提供默认的几类隐藏模式（详见此处说明），同时也提供进一步更精细化的隐藏机制，可以按需选择对应的元素，组装特定的隐藏模式（Private Setting）。

开放能力概述  

观远数据支持以下9大类约 50+可配置项。 大类包括：

• 导航区

• 仪表板

• 仪表板卡片

• 卡片详情页

• 卡片编辑页

• ETL编辑页

• 数据大屏页面

• 仪表板页面（移动端）  

支持隐藏的模块与元素列表：

• 全局：app_header、page_nav、page_header如下图所示

• 仪表板页面：page_header_titleBar、page_header_filterBar、page_header、page_operation如下图所示

• 仪表板卡片：card_operation如下图所示

使用方式  

步骤一：确认需求

确认需要隐藏的元素，梳理这些元素对应的英文标识字符串，多个元素标识之间以英文逗号分割，如app_header,page_operation_auth  

步骤二：修改配置，新增隐藏模式

guandata-web-configmap.yaml文件

guandata-web-controller.yaml文件

这两个文件的默认路径是/home/guandata/Development/guandata-web/

cd /home/guandata/Development/guandata-web/
ls
# 就能看到要改的文件了
vim 对应的文件（可编辑上面提到的.yaml文件）
#修改文件内容

编辑 guandata-web-configmap.yaml文件，新增如下内容  

ps_xxx.js: |
    /* eslint-disable no-var */
    var privateSetting = {
        customHiddenKeys: "app_header,page_operation_auth"
    };
    /* eslint-enable no-var */
    module.exports = privateSetting;

其中 ps_xxx 支持自定义，标识特定的一种隐藏策略；customHiddenKeys 对应的值即为步骤一梳理的字符串。

步骤三：修改文件，挂载隐藏模式对应的js

编辑 guandata-web-controller.yaml文件，新增如下内容

- key: ps_xxx.js
  path: private-settings/ps_xxx.js

注意此处的ps_xxx 需要与步骤二中定义的完全一样。

全部配置完成后，重新启动Web Server。  

#生效配置
cd /home/guandata/Development/guandata-web/
kubectl apply -f guandata-nginx-configmap.yaml  
kubectl apply -f guandata-web-configmap.yaml  
kubectl apply -f guandata-web-controller.yaml

## 重启服务（上面2个文件是前端web文件，需要重启前端web服务，重启会影响几分钟前端页面的访问）
kubectl delete pod -l app=guandata-web

步骤四：测试验证

在观远BI访问地址中添加 ?ps=ps_xxx 参数，如果已经包含了 ? 字符，则添加 &ps=ps_xxx  字符串。  

如需帮助，请联系观远数据支持团队。