当前位置: 首页 > Web前端 > HTML

DataGear制作实时数据可视化看板

时间:2023-04-02 15:44:05 HTML

.dg-chart{显示:内联块;宽度:60%;左边距:20%;height:400px;}利用DataGear的参数化数据集和看板API功能,制作实时数据可视化看板非常方便。首先,使用时间作为参数来创建一个新的参数化SQL数据集:SELECTCOL_TIME,COL_VALUEFROMT_TIME_SERIES<#iftime??>WHERECOL_TIME>'${time}'ORDERBYCOL_TIMEASC<#iftime??>LIMIT0,1<#else>LIMIT0,5参数:nametyperequiredtimestring否以上数据集不指定时间参数时加载前5条数据,当时间指定参数,载入一段数据。然后,使用上述数据集创建一个新的折线图图表:图表类型:平滑折线图数据集列标签:COL_TIME:名称(名称);COL_VALUE:value(值)更新间隔:1000毫秒然后,新建一个可视板,填写如下看板模板内容:.dg-chart{显示:内联块;宽度:60%;左边距:20%;height:400px;}DataGear
http://www.datagear.tech

DataGear看板示例

点击【保存并显示】按钮,打开看板展示页面,完成!!!效果图如下:官网地址:http://www.datagear.tech源码地址:Gitee:https://gitee.com/datagear/datagearGithub:https://github.com/datageartech/datagear