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

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

Axure原生元件制作的案例

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

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

调用echarts制作的案例

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

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

【原型介绍含使用方式】

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

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

【原型预览含下载地址】

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

相关推荐
Lucifer__hell1 小时前
【测试】Axure原型的AI测试用例生成方案
人工智能·测试用例·axure
纸鸢|2 小时前
产品文档体系建设指南:从0到1孵化到商业化落地的完整框架
物联网·产品经理
jiejiejiejie_5 小时前
Flutter for OpenHarmony 底部导航栏交互优化实战
flutter·华为·交互·harmonyos
sunneo5 小时前
专栏B-产品心理学深度-05-伦理边界
人工智能·产品运营·产品经理·ai编程·ai-native
liulian09165 小时前
【Flutter for OpenHarmony第三方库】Flutter for OpenHarmony 底部导航栏交互设计与性能优化实践
flutter·华为·交互·学习方法·harmonyos
Kim.Li1 天前
什么是包容性设计?从跨文化、性别到种族多样性的 UX 设计实战
人机交互·产品经理·视觉设计·交互设计·软技能·ui设计
KaneLogger1 天前
从 Anthropic 面试看 AI 产品经理的四个核心信号
面试·产品经理·ai编程
德宏大魔王(AI自动回关)1 天前
3分钟实战,用魔珐星云SDK构建你的可交互AI数字人
人工智能·交互·数字人·魔珐星云
sunneo1 天前
专栏B-产品心理学深度-01-认知偏差手册
人工智能·产品运营·产品经理·ai编程·ai-native