【Axure高保真原型】2级下钻柱状图

今天和大家分享2级下钻柱状图的原型模板,效果包括:

  • 鼠标移入对应柱状,会显示该柱状体的具体数据

  • 点击一级的柱状,就会显示对应的2级柱状图,例如点击2021年的柱状会显示2021年1-12月数据的柱状图

  • 点击返回按钮,可以返回到一级

    这个原型模板是用Axure原生元件制作的,所以不需要联网或调用接口,使用也很方便,图表的数据在中继器表格里填写,预览时就可以根据表格数据和坐标最大值自动生成对应的2级下钻柱状图......具体效果可以打开下方原型地址体验或者点击下方视频观看

【原型效果】

【Axure高保真原型】2级下钻柱状图

【原型预览】

https://axhub.im/ax9/9a27399d9b2d17a5/#g=1\&p=2级下钻柱状图

本文内容由微信公众号:Axure高保真原型原创发布,未经许可,禁止转载和商用

相关推荐
xy345316 小时前
Axure9.0让条形图实现动态交互(鼠标悬停高亮 + 显示详情卡片)
ui·产品经理·原型·axure9.0
zcmodeltech19 小时前
污水处理设备沙盘模型控制系统设计与实现:多单元协同联动方案
网络·分布式·stm32·单片机·嵌入式硬件·交互
工业HMI实战笔记20 小时前
【拯救HMI】:工业自动化交互革命:HMI 触摸屏如何成为产线智能中枢
运维·自动化·交互
必须会一定会20 小时前
AI 前端项目验收:Playwright 截图、响应式视口、控制台错误与交互回归
前端·人工智能·gpt·交互·ai编程
qq74223498421 小时前
Gradio 极简入门:三分钟为AI模型打造交互界面,并对比Streamlit与Dash如何选型
人工智能·算法·大模型·交互·dash
进度猫1 天前
5个甘特图高阶用法,不止简单排工期
大数据·人工智能·产品经理·甘特图·项目管理软件
xy34532 天前
Axure 9.0 条形图绘制超详细教程:静态展示
ui·产品经理·axure·条形图
k4m7v2pz2 天前
Bevy 0.14 系统调度顺序排查实录:ESC 菜单按钮交互失效的根因定位
交互
math_hongfan2 天前
鸿蒙ArkTS手势交互:拖拽、缩放、旋转与组合手势
学习·华为·交互·harmonyos·鸿蒙
爱喝水的鱼丶2 天前
SAP-ABAP:ABAP 用户出口参数传递与上下文获取:SAP 标准数据读取与交互逻辑实现
运维·性能优化·交互·sap·abap·经验交流·出口