如何构建驾驶舱内部的图表联动以及穿透效果【入门帖】
<p id="descriptionP"><p style="margin-top: 0px; margin-bottom: 0px; font-size: 24px; line-height: 36px;"><span style="font-size: 14px;">参照上一个帖子</span><a href="http://help.wrenchdata.com/p/43" target="_blank" style="font-size: 14px; color: rgb(77, 128, 191);"><img style="height: 12px;" src="https://api.xinac.net/icon/?url=http://help.wrenchdata.com/p/43">如何为驾驶舱添加条件筛选【入门帖】</a>，<span style="font-size: 14px;">新建一个驾驶舱，样式如下；</span></p><p style="margin-top: 0px; margin-bottom: 0px; font-size: 24px; line-height: 36px;"><img src="http://www.wrenchdata.com:8443/images/5/21.png"><br></p><p style="margin-top: 0px; margin-bottom: 0px; font-size: 24px; line-height: 36px;"><span style="font-size: 14px;">下面开始给驾驶舱做图表联动和穿透；</span><br></p><h2 style="margin-top: 0px; margin-bottom: 0px; font-size: 24px; line-height: 36px;"><span style="font-weight: bold;"><span style="font-size: 14px;">1、图表联动——</span><span style="font-size: 14px;">添加过滤条件</span></span></h2><p></p><p>首先要清楚我们想要通过哪个图形联动到哪一个，并且是通过什么来进行图形之间的传参，下面我们来分析一下；<br><img src="http://www.wrenchdata.com:8443/images/5/25.png"><br><br></p><p>点击柱形图联动到条形图、饼图和表格，通过维度“客户城市”进行传参；<br><br>点击条形图联动到饼图和表格，通过维度“产品类型”进行传参；<br><br>点击饼图联动表格，通过维度“性别”进行传参；<br><br>下面开始添加过滤条件；<br><br>打开条形图的数据绑定按钮，将维度“客户城市”拖入到筛选区如下所示：</p><p><img src="http://www.wrenchdata.com:8443/images/5/26.png"><br></p><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">打开饼图的数据绑定按钮，将维度“客户城市”和“产品类型”拖入到筛选区如下所示：</span><br></p><p><img src="http://www.wrenchdata.com:8443/images/5/27.png"><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;"><br></span></p><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">打开表格的数据绑定按钮，将维度“客户城市”、“产品类型”和“性别”拖入到筛选区如下所示：</span><br></p><p> <img src="http://www.wrenchdata.com:8443/images/5/28.png"></p><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">过滤条件添加完之后，图表联动的驾驶舱就已经完成了；</span><br></p><h2><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;">2、添加穿透</span></h2><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">以</span><a href="http://help.wrenchdata.com/p/43" target="_blank" style="color: rgb(77, 128, 191);"><img style="height: 12px;" src="https://api.xinac.net/icon/?url=http://help.wrenchdata.com/p/43">如何为驾驶舱添加条件筛选【入门帖】</a><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">和当前图标联动的驾驶舱</span><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">为基础（以下分别称为主表和穿透目标表）</span> <span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">，</span><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">点击第一个驾驶舱穿透到第二个驾驶舱，传参的根据是时间“年月”和维度“客户地区”，</span></p><p></p><p style="margin-top: 0px; margin-bottom: 0px; -webkit-tap-highlight-color: transparent; color: rgb(67, 67, 67); line-height: 0.171429rem; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;"><span style="color: rgb(237, 125, 49);">（注意需要传参的控件名称须保持一致）</span></p><h3><span style="font-weight: bold;">2.1添加超链接</span></h3><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">打开饼图的属性配置，在下方找到超链接按钮，打开出现超级链接的弹窗，新增一个超链接，在输入报表出选择要穿透的目标表，打开方式默认为新窗口，在参数名处输入“年月”，后面选择“年月”的组件，然后添加到下方区域；再来添加一个传参条件，参数名输入“地区”，后面选择“地区”得维度，然后添加到以下区域，点击确定如下所示；</span></p><p><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904171125_rv.jpeg" style="max-width:100%;"><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;"><br></span></p></p><h3><span style="font-weight: bold;">2.2添加过滤条件</span></h3><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">打开穿透目标驾驶舱，主表传参依据分别是组件“年月”和维度“客户地区”，目标穿透表中已经添加了年月筛选条件，现在以同样的方式给每一个图形控件再添加上地区就可以了；</span><br></p><p><img src="http://www.wrenchdata.com:8443/uploaded/202309/20230904171559_lh.jpeg" style="max-width:100%;"><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;"><br></span></p><p><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">完成以上步骤，驾驶舱的穿透就已经完成了，最后保存将配置的驾驶舱进行保存。我们可以进行预览进行验证，以主表1997年5月份西南地区穿透到目标表，并且查看海鲜品类、女性用户销售数据为例，如下所示；</span><br></p><p><img src="http://www.wrenchdata.com:8443/images/5/33.png"><span style="color: rgb(67, 67, 67); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;"><br></span></p>
收藏(0)
分享
相关标签：
注意：本文归作者所有，未经作者允许，不得转载
