好久没有在PMYES上更新东西了，今天给大家分享一个如何在Axure中利用Highcharts进行动态图表展现，废话少说直接进入主题。

在制作图形图表的时候，大家都会遇到一些常见图表的展现，如饼状图、折线图、柱状图、对比图等展示，使用Axure自己取制作图表信息的话，工作量是有一些的，制作出来的效果有时候也会差强人意，对于一些入门的PM来说，可能函数关系以及动态不好操作，接下来介绍下利用第三方插入进行图表展示；

1、打开Axure，新建一个界面起名为动态模型展示

2、插入一个标题，设置大小格式尺寸为760*30；

3、在标题底部插入一个内联框架，设置尺寸和标题宽度保持一致，高度设置为图表展现高度，这里我根据图表大小设置为760*457

4、打开Highcharts官网（https://www.highcharts.com.cn），找到【Highcharts演示】，选择需要的图表点击进入；

5、选择好以后，点击编辑源代码进入界面，若是数据不是想要的可以通过修改左侧JavaScript 代码进行数据编辑；

6、数据修改完成后，点击分享按钮，选择【分享全屏结果】中的代码，复制代码；

7、回到Axure中，双击内联框架，将复制的地址粘贴到URL链接中，点击保存后，图表引用完成，点击发布后就可以看效果了；

备注：在Highcharts中可以注册一个账号，将自己做好的表保存起来方便下次使用，也为自己积累资源；也可以使用其他图表进行展现，本次演示中只用了一个折现对比图，大家可以根据需要自行选择即可。

附上原型可以下载；

感谢大家观看，希望大家能够喜欢！