【Axure高保真原型】时间轴缩放面积图

今天和大家分享时间轴缩放面积图的原型模版,包括Axure原生元件制作的案例和调用外部echarts图表的案例。

Axure原生元件制作的案例

交互效果:左右拖动时间轴,可以查看面积图对应的区域;左右拖动滑块,可以缩小或者放大面积图的区域。

使用方式:需要准备图表素材(可以通过工具制作而成),不需要联网使用。

调用echarts制作的案例

交互效果:左右拖动时间轴,可以查看面积图对应的区域;左右拖动滑块,可以缩小或者放大面积图的区域;鼠标移入图表中的点,可以查看详细数据

使用方式:在中继器表格里维护图表数据即可,需要联网使用。

【原型介绍含使用方式】

具体效果和使用方式可以打开下方原型地址体验或者点击下方视频观看

【Axure高保真原型】时间轴缩放面积图

【原型预览含下载地址】

https://axhub.im/ax10/9a27399d9b2d17a5/?g=1&p=时间轴缩放面积图

相关推荐
老坛程序员8 小时前
抓包解析MCP协议:基于JSON-RPC的MCP host与MCP server的交互
人工智能·网络协议·rpc·json·交互
Faylynn12 小时前
Axure:元件库无法移除元件库(解决按钮是灰色不可点击)
axure
猫林老师14 小时前
HarmonyOS 5 手势系统与高级交互动效开发实战
华为·交互·harmonyos
梓贤Vigo16 小时前
【Axure高保真原型】休假审批列表
交互·产品经理·axure·原型
招风的黑耳16 小时前
商城类电商购物APP网购原型——实战项目原型
app·axure·电商·移动端
豆豆豆大王16 小时前
HTML 与 JavaScript 结合 “点击按钮弹出提示” 的交互功能
javascript·html·交互
Axure组件16 小时前
Axure: 多级多选可交互树状列表
交互·axure·ux
不搞学术柒柒2 天前
设计模式-行为型设计模式(针对对象之间的交互)
python·设计模式·交互
梦终剧2 天前
【Android之路】界面和状态交互
android·交互
工藤学编程2 天前
零基础学AI大模型之LangChain六大核心模块与大模型IO交互链路
人工智能·langchain·交互