编辑指南:用Axure绘制原型时，可以通过内嵌框架引入echarts的动态图表和视频，使原型看起来更高。具体应该怎么做？本文作者对此问题进行了分析，希望对你有所帮助。

Axure画原型的时候，怎么才能看起来高一点？我们可以介绍e-Charts动态图表，视频等。在制作原型时通过内联框架。

效果预览:

导入echart渐变堆栈面积图-预览:

导入视频-预览:

1.Axure推出电子海图

1)添加内嵌框架

Axure创建新页面。从基本组件中选择内嵌框架，将其拖到页面中，单击样式，并检查隐藏的边框。

2)选择电子海图

进入e chart官网:https://echarts.apache.org/examples/zh/index.html;选择需要插入Axure的图表；

输入选中的图表，可以将其数据修改成自己想要的数据；如下图所示:

点击下载示例，以html文件格式下载修改后的echart图表；

3)将下载的图表引入内联框架

注意:【链接外部URL或文件】支持三种介绍，相对路径和绝对路径是非常根的路径；

下面我通过根目录介绍html文件。需要将下载的图表html文件放入原型生成的html根文件夹中；

双击内嵌框架，弹出链接属性，选择【链接外部URL或文件】，填写艺文图表全名。

注意:此时只能看到生成HTML时的图表信息。如果您直接单击预览，您将得到一个错误[找不到文件]。

第二，Axure引入视频

1)添加内嵌框架

同上。

2)通过内嵌框架引入视频

通过内联框架导入视频有两种方式，一种是导入本地视频文件，另一种是导入在线视频。

介绍本地视频:

将视频文件放入原型生成html根目录文件夹中；

双击内嵌框架弹出链接属性，并选择本地视频的全名。

介绍在线视频:

这里我以视频介绍为例，进入网站，选择要介绍的视频，点击【前进】按钮，复制【嵌入代码】；如下图所示:

在【链接一个外部URL或文件】中填写代码，删除下图中的红框，然后在前面添加https:最后如图所示。