Axure绘制原型如何做的更为高大上蕻帚劐噘?Echarts引用着实让人受益匪浅,整合前期百度各位大神们的经验,以便后续参考---------------------本吲溘活口经验中echarts图表均引用echarts官网demo,如有不当敬请指出!---------------------经验中涉及的axure文件、html及步骤图已分享至百度网盘:https://pan.baidu.com/s/1XK4TSABvwv32olmY87B_zQ提取码:lpzk
工具/原料
AxureRP8
Echarts【https://www.echartsjs.com/download.html】及已制作好的html图表
方法/步骤
1、拖拽【内联框架】,具体操作如下:Axure新建页面,并拖拽【内联框架】组件,双击【内联框架】,弹出【链接属性】配置窗口。注:【选择框架目标】支持3种方式引用html,分别为:相对路径、绝对路径、根目录。
2、若使用【相对路径】引用html文件,【超链接】填写如下:.\echarts\RelativePath.html其中,【RelativePath.html】为已提前制作好的echarts图表,【echarts】为存放【RelativePath.html】的文件夹名称
3、若使用【绝对锭缠愁颊路径】引用html文件,【超链接】填写如下:、C:\Users\EZS\Desktop\Axure引用echarts\echarts\AbsolutePath.html其中,【C:概嗤先眚\Users\EZS\Desktop\Axure引用echarts\echarts\AbsolutePath.html】为html所存放的本地电脑路径
4、若使用【绝对路径】引用html文件,【超链接】填写如下:、RootDirectory.html其中,需把已制作好的html【RootDirectory.html】放到原型所生成html根目录文件夹下