提问 发文

大屏使用技巧——交互组件实现数据下钻

微微菌

| 2023-11-01 14:38 550 0 0

实现效果

实操步骤

右上角“搜索”【3D柱图】,添加到画布中。

添加4个交互组件,分别覆盖在4个柱状图上面,并为他们重命名(方便后续做配置)

添加动态面板,在动态面板中放入下钻的详情数据图表。(动态面板可以理解为是一个容器,存放多个页面)

编辑动态面板,在里面配置4个产品的数据

配置好后返回,对“产品A”的交互组件配置动作。

  • 事件类型:点击-动作
  • 组件:动态面板
  • 动作:切换组件状态
  • 状态:产品A

其余交互组件配置同理。将动态面板默认隐藏(这样在没有点击前就不会出现详情图表啦)

最终效果预览如下

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群