【功能演示】用时间范围选择器更新项目参数实现数据库数据的动态获取
2024-09-20 17:40

山海鲸可视化软件中,时间范围选择器组件可以联动数据表格组件,来展示某一时间段的数据,我们也可以通过设置项目参数,然后更新项目参数来实现数据库数据的动态获取,不需要使用数据联动,就可以让数据表格展示对应时间段的数据,具体操作如下:


首先,打开我们的项目,点击左上方的“数据-添加数据”


使用SQL语句动态获取数据库中的数据。


在项目中添加一个时间范围选择器组件和一个数据表格组件


点击左上方的“项目-项目设置”


添加两个项目参数,分别为“startTime”“endTime”,并设置参数默认值。


选中“时间范围选择器”组件,添加一个新的交互,触发设置为“时间改变时”,动作设置为“空动作”,设置该交互的目的是为了获取动态值。


点击右下角的“调试面板”按钮。


再点击切换到“系统信息输出”界面。


更改“时间范围选择器”的时间来触发交互,在下方的“系统信息输出”界面可以获取需要修改的动态值,分别为“startFormat”“endFormat”


接着我们再添加两个交互用来修改项目参数,触发设置为“时间改变时”,动作设置为“修改项目参数”,参数名称选择“startTime”,点击切换,使用动态值来修改项目参数,最后点击“确认”按钮完成添加。


第二个交互的添加方式相同,只需要更改对应的参数名称动态值即可,如下图所示:


然后选中“基础数据表格”组件,点击切换到“数据”,删除组件自带的数据。


在看板公共数据中,为“基础数据表格”组件绑定数据库中的数据。


然后设置“基础数据表格”的样式,比如:大小、行数、列宽等。


接着我们再选中“时间范围选择器”组件,在右侧样式中修改它的“时间类型”“日期格式”


这样我们就完成了全部的设置,当我们更改“时间范围选择器”的时间,数据表格也会展示对应时间段的数据,实现了用时间范围选择器更新项目参数来实现数据库数据的动态获取。

独角鲸 独角鲸

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2024 多算科技, All Rights Reserved. 浙ICP备20006837号-5