养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure引用html

时间:2024-11-10 22:50:25

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,分别为:相对路径、绝对路径、根目录。

Axure引用html

2、若使用【相对路径】引用html文件,【超链接】填写如下:.\echarts\RelativePath.html其中,【RelativePath.html】为已提前制作好的echarts图表,【echarts】为存放【RelativePath.html】的文件夹名称

Axure引用html

Axure引用html

3、若使用【绝对锭缠愁颊路径】引用html文件,【超链接】填写如下:、C:\Users\EZS\Desktop\Axure引用echarts\echarts\AbsolutePath.html其中,【C:概嗤先眚\Users\EZS\Desktop\Axure引用echarts\echarts\AbsolutePath.html】为html所存放的本地电脑路径

Axure引用html

Axure引用html

4、若使用【绝对路径】引用html文件,【超链接】填写如下:、RootDirectory.html其中,需把已制作好的html【RootDirectory.html】放到原型所生成html根目录文件夹下

Axure引用html

Axure引用html

© 一点知识