找文章 / 找答案
精选问答 更多内容

[可视化] 报表页面实现折叠效果

yhdata_PA2MMJ9W青铜四 显示全部楼层 发表于 2024-11-18 10:08:09 |阅读模式 打印 上一主题 下一主题
1
未解决

【可视化】 报表页面实现折叠效果

308 9
一张报表分为主题1、主题2、主题3个模块,每个模块下面都有各自模块的数据图表;
需要实现点击主题1只看到主题1,点击主题2只看到主题2,点击主题3只看到主题3,3个全选实现全部展示
回复

使用道具 举报

精彩评论9

yhbi老6了铂金一 显示全部楼层 发表于 2024-11-18 10:10:05
有设计图?
回复

使用道具 举报

yhdata_PA2MMJ9W青铜四 显示全部楼层 发表于 2024-11-18 10:59:55

这样的
主题.png
回复

使用道具 举报

yhdata_lyaa 显示全部楼层 发表于 2024-11-18 11:13:05
没太明白,主题123是什么。3个全选是下拉框全选?
回复

使用道具 举报

yhbi老6了铂金一 显示全部楼层 发表于 2024-11-18 11:21:09
本帖最后由 yhbi老6了 于 2024-11-18 11:37 编辑

var a = 列表参数1.getSelectedObjects()  // 获取选中的元素
图表1.visible=false // 或者是   组1.visible=false
图表2.visible=false
图表3.visible=false

for( idx in a){  // 遍历,获取索引
   if(a[idx] == 1){  
       图表1.visible=ture  // 或者是   组1.visible=ture
   }else if(a[idx] == 2){
       图表2.visible=ture
   }else if(a[idx] == 3){
       图表3.visible=ture
   }else{}
}

回复

使用道具 举报

yhbi老6了铂金一 显示全部楼层 发表于 2024-11-18 11:22:58
看不懂的话再问,需要用一个列表参数,自定义数据 1、2、3,遍历列表参数,展示对应的图表或者组合的组 (纯手搓的代码,有错误自己先改改哈)
回复

使用道具 举报

yhdata_PA2MMJ9W青铜四 显示全部楼层 发表于 2024-11-18 13:50:04
yhbi老6了 发表于 2024-11-18 11:21
var a = 列表参数1.getSelectedObjects()  // 获取选中的元素
图表1.visible=false // 或者是   组1.visibl ...

这样会存在有留白,留白怎么处理呢;有没有其他方法实现,不写visible
回复

使用道具 举报

Adil_zhang青铜二 显示全部楼层 发表于 2024-11-18 13:55:37
yhdata_PA2MMJ9W 发表于 2024-11-18 13:50
这样会存在有留白,留白怎么处理呢;有没有其他方法实现,不写visible

每次判断图表visible=true的时候,后面加一个 图表.y =XXX ,设置一下高度。
回复

使用道具 举报

朝花夕拾铂金二 显示全部楼层 发表于 2024-11-18 14:17:36
使用动态渲染的方式,如下链接,有点难度
https://www.yonghongtech.com/rea ... 1%E6%B8%B2%E6%9F%93
回复

使用道具 举报

yhbi老6了铂金一 显示全部楼层 发表于 2024-11-18 14:38:09
本帖最后由 yhbi老6了 于 2024-11-18 14:41 编辑
yhdata_PA2MMJ9W 发表于 2024-11-18 13:50
这样会存在有留白,留白怎么处理呢;有没有其他方法实现,不写visible

留白?你悬浮还是自由了?在智能布局并且不悬浮下,不展示的组件会不占位置,是不会有留白的
回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部