今天和大家分享时间轴缩放面积图的原型模版,包括Axure原生元件制作的案例和调用外部echarts图表的案例。
Axure原生元件制作的案例
交互效果:左右拖动时间轴,可以查看面积图对应的区域;左右拖动滑块,可以缩小或者放大面积图的区域。
使用方式:需要准备图表素材(可以通过工具制作而成),不需要联网使用。
调用echarts制作的案例
交互效果:左右拖动时间轴,可以查看面积图对应的区域;左右拖动滑块,可以缩小或者放大面积图的区域;鼠标移入图表中的点,可以查看详细数据
使用方式:在中继器表格里维护图表数据即可,需要联网使用。
【原型介绍含使用方式】
具体效果和使用方式可以打开下方原型地址体验或者点击下方视频观看
【Axure高保真原型】时间轴缩放面积图
【原型预览含下载地址】
https://axhub.im/ax10/9a27399d9b2d17a5/?g=1&p=时间轴缩放面积图