折线图是一种用于显示数据随时间变化或有序类别关系变化的图形。在折线图中，数据点用线段连接，并按照时间顺序或类别顺序排列。通过观察折线图的走势和变化，可以获得数据变化的趋势和规律。在系统统计分析中折线图经常被使用的数据图表。

一、效果展示

1、该示例为折线图，分别对客流量和购买量以月份为单位进行统计；

2、横轴为统计月份，纵轴为人数坐标系，以月份为时间单位统计两个指标近5个月的趋势；

3、实现鼠标移入移出显示和隐藏提示框；

原型预览地址：https://rcjmpc.axshare.com

二、实现思路

1、第一步先搞定坐标轴，确定横纵轴参数；

2、第二步使用中继器，确定中继器子类中使用的元素，根据统计项将数据录入中继器；

3、第三步需要手动画线，其实就是画多边形；

4、第四步就是添加交互事件，例如鼠标移入移出显示和隐藏提示框以及显示的数据。

三、实现步骤

接下来我以以下数据作为示例数据，利用Axure RP 9软件制作一个面积图：

1、按照思路，我们先画坐标轴，这一步没啥技巧：

2、第二步，拖入一个中继器，点击进行编辑，添加矩形，线（虚线），矩形用于月份显示，虚线可以辅助画折线的点，也用来显示使用，最后要隐藏的：

3、第三步，工具头部找到插入工具选绘画：

这里我们开始绘折线：

4、另一个先和面按重复操作，然后再上点：

最后加上提示框，做一下交互

需要此原型源文件的请搜索VX公众号“招风的黑耳”，回复“Axure折线图”，获取。