Axure系列教程(十一):HighCharts设计统计图表

在Axure中也有统计图表，主要功能是各种数据处理，统计和分析。主要有2种方法设计统计图表

【1】利用excel设计统计图表

1.利用execl做一个表格，并将做成图表

2.将图表截图保存，并打开axure

3.通过图片元件将学生成绩统计图导入到Axure

【2】利用HighCharts设计统计图表

1.打开axure，并利用内联框架加载

2.添加链接--选中双击d出链接属性

3.HighCharts文件夹要跟生成的文件夹放在一起。

4. HighCharts文件夹

【说明】

1.利用excel设计统计图表，这个是静态的是不能修改的。如果想要动态的图表就需要利用HighCharts

2.利用HighCharts设计统计图表时，需要注意一点，这个需要按F8(生成网页)才有效果，这个是预览不了的

方法/步骤

先在Axure画布中，布置出布局：

在该布局下方，拖入一个中继器，并双击进入中继器，不用管默认的矩形，直接删除，自己任意布局即可，

在中继器的数据表中导入原始数据，分别命名行名称为image,name，

返回首页，设置页面载入时事件，主要是为了让页面第一次载入时，中继器显示默认数据，具体设置

进入中继器，设置中继器的交互事件，即每项加载时的事件，

设置添加按钮的点击事件，当单击时，添加行到中继器，

至此，完成所有设置，可以点击预览，

---