欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

DataEase Dashboard 外部参数传递

最编程 2024-04-11 15:23:03
...

1. 背景

大家都知道使用DataEase可以通过鼠标拖拽操作就可以完成数据分析和精美仪表板的制作,那么做好的仪表板我们可以嵌入到自己的系统当中来使用,省去了我们页面开发的成本。但用户的需求是多变的,假如用户不希望看到嵌入的这个页面是完全静止,希望可以通过参数传递来实现页面数据交互,那这个时候就可以使用DataEase仪表板的外部参数传递来实现交互效果。


DataEase首页.png

2. 步骤实操

2.1 进入仪表板编辑模式,点击外部参数设置

进入外部参数设置.png

2.2 添加外部参数,设置联动视图

外部参数配置.png

2.3 创建公共链接,(复制链接留着有用)

图示1.png

图示2.png

2.4 将外部参数和要传入的内容写成json格式并进行base64编码

#编码前要传入的数据是:
{"provice":"山东省"}

在这里可以使用base64在线网站去编码,json数据格式一定要正确,注意双引号,不要有空格

base64编码处理.png

编码后的数据是:
eyJwcm92aWNlIjoi5bGx5Lic55yBIn0K

2.5 拼接url实现外部传参交互

拼接规则:公共链接 + ?attachParams= + 编码后的json

# 外部链接
http://xxxxxxx.com:22314/link/QKBmg4bl
# 拼接参数
?attachParams=
# 传参内容
eyJwcm92aWNlIjoi5bGx5Lic55yBIn0K

# 拼接后完整的url链接
http://xxxxxxx.com:22314/link/QKBmg4bl?attachParams=eyJwcm92aWNlIjoi5bGx5Lic55yBIn0K

3. 效果展示
外部参数传递效果.png

推荐阅读