美文网首页
DataEase仪表板外部参数传递

DataEase仪表板外部参数传递

作者: Eren_Jaeger | 来源:发表于2024-01-27 11:25 被阅读0次

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

相关文章

  • 开源的数据可视化分析工具 DataEase

    DataEase是国产的开源数据可视化分析工具,在GitHub的地址是:dataease/dataease: 人人...

  • 再学JS--函数参数传递类型

    JavaScript的函数参数传递分为按值传递、按引用传递以及按共享传递。 按值传递 什么是按值传递? 把函数外部...

  • 带你深入理解传递参数

    传递参数 ECMAScript中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把...

  • 按值传递与按引用传递

    按值传递与按引用传递 按值传递:传入的方法参数是原始数据类型,那么在方法内对该参数做任何处理都不会影响外部参数按引...

  • Swift--函数

    使用函数 func 函数名(参数列表)->返回值类型 {语句组return 返回值} 传递参数 未使用外部参数名 ...

  • groovy-闭包

    定义和执行闭包 闭包作为参数返回 闭包作为参数传递 闭包使用外部变量 注意: 闭包可使用(引用)闭包外部定义的变量...

  • python中sys,os, time模块的使用(包括时间格式的

    sys模块 sys.argv: 实现从程序外部向程序传递参数。 位置参数argv[0]代表py文件本身,运行方法 ...

  • 实习笔记17.07.13(内部类使用局部变量要加final)

    Rxjava:如果在新建observable之前有外部参数想要传递到内部,如何传递?答:直接在使用类中定义成员变量...

  • 【JS-task3】有哪几种传递参数的方法?

    1.背景介绍 《js高级程序设计》上这样叙述参数传递:所有函数的参数都是按值传递的,也就是说把函数外部的值复制给函...

  • JS

    *函数参数是按值传递的还是引用传递 cookie 浏览器本地存储 html引用外部js时,需要注意什么 es6 基...

网友评论

      本文标题:DataEase仪表板外部参数传递

      本文链接:https://www.haomeiwen.com/subject/lxriodtx.html