【Axure高保真原型】2级下钻条形图

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

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

  • 点击一级的条形,就会显示对应的2级条形图,例如点击2021年的条形会显示2021年1-4季度数据的条形图

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

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

【原型效果】

【Axure高保真原型】2级下钻条形图

【原型预览含下载地址】

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

相关推荐
普通网友2 分钟前
用 Next.js 15 做图片查看网站:图片双击放大的交互坑与修复
开发语言·javascript·交互
Xiaobaiforgod1 小时前
产品 & UI/UX
ui·产品经理·ux
l1m0_4 小时前
UI设计规范工程化,AI生成Ant Design设计稿流程拆解
人工智能·ui·产品经理·设计·arco design·设计规范
招风的黑耳21 小时前
Web系统原型设计:架构复杂信息,赋能高效工作
axure·原型·web·元件库·系统原型
chilavert3181 天前
技术演进中的开发沉思-276 AJax : Menu
javascript·ajax·交互
灰灰勇闯IT1 天前
鸿蒙智能体框架(HMAF)开发指南:如何快速接入 AI 交互能力
人工智能·交互·harmonyos
rolt2 天前
《软件方法》化劲火锅和肾摸事火锅
产品经理·架构师
chilavert3182 天前
技术演进中的开发沉思-274 AJax :Button
前端·javascript·ajax·交互
lingzhilab2 天前
零知IDE——零知ESP32-S3部署 AI小智 2.0版发布!调整界面UI,新增LED、舵机和风扇外部设备和控制
ide·交互
chilavert3182 天前
技术演进中的开发沉思-275 AJax : Slider
前端·javascript·ajax·交互