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

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

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

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

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

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

【原型效果】

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

【原型预览含下载地址】

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

相关推荐
大美B端工场-B端系统美颜师17 小时前
多模态数据融合预警:从IoT传感器到卫星监测的可视化方案升级
物联网·交互·数据预警
小彭努力中18 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互
梓贤Vigo20 小时前
【Axure高保真原型】动态打字输入效果
交互·产品经理·axure·原型
梓贤Vigo1 天前
【Axure视频教程】大小图轮播
交互·产品经理·axure·原型·中继器
hi星尘1 天前
深度解析:Java内部类与外部类的交互机制
java·开发语言·交互
哈市雪花1 天前
相机:Camera原理讲解(使用OpenGL+QT开发三维CAD)
qt·3d·交互·相机·图形学·opengl·视角
just小千1 天前
重学React(二):添加交互
javascript·react.js·交互
TiAmo zhang1 天前
人机融合智能 | 人智交互中的人类状态识别
人机交互·交互
程序员的小马甲2 天前
如何编写AI提示词
人工智能·程序员·产品经理
温轻舟2 天前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟