如何为驾驶舱添加条件筛选【入门帖】

可视化 未结 0 263
rolldata
rolldata 站长 2023年9月4日 15:29 编辑
<p id="descriptionP"><p>以简单的驾驶舱为例,如何制作驾驶舱请参考上一个帖子<a href="http://help.wrenchdata.com/p/41" target="_blank" style="color: rgb(77, 128, 191);"><img style="height: 12px;" src="https://api.xinac.net/icon/?url=http://help.wrenchdata.com/p/41">如何制作一个驾驶舱看板【入门帖】</a>,下面我们给驾驶舱添加<span style="font-weight: bold; color: rgb(255, 0, 0);">日期</span>筛选条件,样式如下;</p><p><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904141018_59.png" style="max-width: 100%;"><br></p><p>想要通过日历控件进行传参,我们需要给控件添加超链接从而链接到每一个图形,并且每一个图形添加参数过滤条件,下面我们来进行步骤拆解;</p><h3><span style="color: rgb(249, 150, 59); font-weight: bold;">步骤一:添加参数</span></h3><p>1)文本框:选中文本框,点击配置按钮,右侧出现图形/控件属性的配置区,文本内容输入“年月”,对齐方式选择水平居右,垂直“居中”,图形/控件属性框能够来回移动;<br><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904141418_1p.png" style="max-width:100%;"><br></p><p><br>2)日历控件:选中日历控件,在此我们将控件别名修改为“年月”,方便后面添加条件过滤时候作区分,然后将它的垂直对齐方式选择“居中”,日历格式选择“年月”,控件属性的宽度调整为“10%”,默认值在这里根据自己的需求进行设置,我们给他输入“2010-01”;</p><p><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904143250_mb.png" style="max-width:100%;"><br></p><h3><span style="font-weight: bold; color: rgb(249, 150, 59);">步骤二:日历控件<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">添加超链接</span></span></h3><p><span style="color: rgb(67, 67, 67); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">打开日历控件的属性配置,在最下方找到超链接并打开,出现超级链接弹窗,需要添加四个超链接分别连接到饼图、柱图、折线图和条形图点击确定如下所示;</span><span style="color: rgb(67, 67, 67); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;"><br></span></p><p><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904142300_v0.png" style="max-width:100%;"><br></p><h3><span style="font-weight: bold; color: rgb(249, 150, 59);">步骤三:给图形控件<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">添加过滤条件</span></span></h3><p>添加过滤条件:打开饼图的数据绑定,将“年月”拖入筛选区,在下拉箭头中选择打开过滤条件出现以下弹窗,条件选“小于或等于”,类型选“过滤组件”,值就是日历控件,然后添加到条件区点击确定;<br><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904142836_gp.png" style="max-width:100%;"><br><br>下一步再来拖入一个“年”,打开过滤条件弹窗,条件选“等于”,类型选“过滤组件”,值就是日历控件,输入过滤公式“FORMATDATE(yyyy)”只取当前年的数据,然后添加到条件区点击确定;<br><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904152724_73.png" style="max-width:100%;"><br><br>然后以同样的方式给标准柱图、折线图以及条形图添加同样的过滤条件,上述步骤都完成之后带条件过滤的驾驶舱就已经完成了,最后保存和发布到目标资源即可,可以看到预览效果;</p><p><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904152752_33.png" style="max-width:100%;"><br></p><p></p><p><br></p><p></p><p><br></p></p><p><br></p>
收藏(0)  分享
相关标签: 驾驶舱 移动端 数字大屏
注意:本文归作者所有,未经作者允许,不得转载
0个回复
  • 消灭零回复