Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)

1、打开Axure8软件,插入一个标题,设置大小格式尺寸为宽:600, 高:30,如下图:

Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)
2、在标题底部插入一个内联框架,设置尺寸和标题宽度保持一致,高度设置为图表展现高度,如下图:
Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)
3、打开Highcharts官网,选择需要的图表点击进入,如下图:

Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)
4、打开需要的图表点击进入之后,点击【编辑源代码】进入界面,若是数据不是想要的可以通过修改左侧JavaScript 代码进行数据编辑,如下图:

Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)
5、数据修改完成后,点击【分享下载】,选择【分享全屏结果】中的链接并复制,如下图:

Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)
6、回到Axure中,双击内联框架,勾选【链接到url或文件】,将复制的地址粘贴到【链接到url或文件】选项下方的超链接输入框中,点击【确定】后,图表引用完成,如下图:

Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)
7、在Axure软件右上角点击【发布】按钮,再点击【预览】按钮,此时会用默认的浏览器预览效果,如下图:

Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)Axure8 引入第三方插件 highcharts 进行图表展示(注意:需要连网访问)