上一期教会大家如何用axure做散点图，本文将教大家如何用AXURE做折线图。
　　效果如下：
　　演示地址：http：ije8g9。axshare。cng1pE68A98E7BABFE59BBEE280945E7BABF
　　一、功能介绍
　　所有图表不需要联外网，数据也不是写死的，只需在中继器或表格中填写数据即可自动生成图表，操作简单。
　　大小、颜色、样式、交互可以自由变换。
　　鼠标移入时能显示具体数据。
　　二、制作方法
　　（1）先做出堆叠柱形图原件，具体制作方法参考我上一篇文章Axure教程：散点图
　　（2）用散点和横线制作折线，如下图所示：
　　（3）制作原理
　　中继器加载时，我们记录每一个散点的圆心的坐标。从而计算出第一个坐标和第二个坐标距离和角度。
　　1）记录坐标值
　　中继器加载的时候，如果是第一个，隐藏折线，并把记录该散点的坐标为x1，y1。
　　如果不是第一个值的时候，记录记录该散点的坐标为x2，y2。
　　2）计算距离，设置折线的长度
　　那么根据两点间距离公式，可以得到折线的长度，axure的函数为〔〔Math。sqrt（（x1x2）（x1x2）（y1y2）（y1y2））6〕〕
　　2）计算角度，旋转折线
　　根据正切值可以计算到折线以散点为中心旋转的角度。axure的函数为〔〔（Math。atan2（（y2y1），（x2x1））3。1415926535898180）〕〕，以折线的右端为圆心旋转。
　　4）完成旋转和设置尺寸后，重新设置x1为第二个散点的横坐标，y1为第二和散点的纵坐标，即x1x2，y1y2。
　　具体交互如下：
　　最后，制作完成后，以后使用方便，仅需简单填写中继器的内容，即可拥有完美的效果，谢谢阅读

Axure教程：拖动滑块解锁效果本文给大家讲解一下如何在Axure中制作拖动滑块解锁的效果，一起来看看今天跟小伙伴们分享一个Axure很有趣的玩法，这个玩法可能比前面的稍微复杂一些。我们在各大网站……Axure生成预览地址如何能查看到被浏览次数Axure生成预览地址如何能查看到被浏览次数呢？来文章里看看，这里有一个小方法也许你想知道在看教程之前，请行了解一下，什么时javascirpt，JavaScript入门……AxureRP9特性介绍及实用技巧分享本文整理AxureRP9的个人使用的总结，希望能提供给大家一些学习和参考的价值，enjoyAxureRP9自去年8月份发布第1个测试版至今已经过去了一年多时间了，而正式版……Axure教程：中继器实现多角色权限控制本文是讲解关于如何用中继器实现多角色权限控制，一起来看看效果显示地址：https：u。pmdaniu。comg06YAxure教程：中继器实现多角色权限控制作……Axure教程：中继器实现对评论的编辑上篇文章介绍了中继器的增和删两个功能，这篇文章将介绍使用中继器进行评论的编辑功能。效果显示地址：http：www。iqiyi。comw19saxn0qtt。html……AXURE教程：散点图上一期教会大家如何用axure做堆叠柱状图，本文将教大家如何用AXURE做散点图效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需在中继器或表……Axure教程：折线图上一期教会大家如何用axure做散点图，本文将教大家如何用AXURE做折线图。效果如下：演示地址：http：ije8g9。axshare。cng1pE68A……Axure教程：高保真动态复选框美化版本文要给大家讲解的是，美化版高保真动态复选框的制作，enjoy01相关介绍今天给大家介绍一个高保真式的动态小组件，类似于单选框，不过已经是美化版的。02页面布……Axure教程：环形图你知道如何用Axure做一个环形图吗？一起来看看吧本文将教大家如何用Axure做一个环形图。在线演示地址：http：ije8g9。axshare。cng1p……Axure9。0教程：轻松制作图片验证码今天和大家聊聊如何利用Axure实现图片验证码的随机切换，并且验证对错！首先来分析下需要实现的效果：图片中的验证码为数字和字母的随机组合；点击更换验证码实现验……AXURE教程：饼图你知道如何用AXURE做一个饼图吗？一起来看看吧本文将教大家如何用AXURE做一个饼图。在线演示地址：http：ije8g9。axshare。cng1pE9……Axure教程：用中继器做漏斗图本文将教大家如何用中继器做漏斗图，其中包括了功能介绍与制作方法。你知道如何在Axure里面怎么样用中继器做一个漏斗图吗？一起来看看吧制作完成后的效果如下图所示：……