电脑Axure原型设计标准及统计图使用方法

一、原型整体的宽和高
1、宽为1376
2、高为609

二、原型中合适的字体大小
1、内容字体大小:12-16,14最合适。
2、大标题等内容字体大小：20-30，一级标题：28合适，二级标题：24合适，三级标题：20合适，四级标题：18合适。

三、Axure部件固定位置不动
1、将Axure部件转化为动态面板即可，右键选择固定到浏览器，设置到指定位置即可。

四、Axure使用Highcharts统计图
1、登录Highcharts官方选择合适的统计图（例如：柱状图或曲线图）https://www.highcharts.com.cn/demo/highcharts/line-basic
2、点击编辑源代码进入界面，若是数据不是想要的可以通过修改左侧JavaScript 代码进行数据编辑；
3、数据修改完成后，点击分享按钮，选择【分享全屏结果】中的代码，复制分享地址；
4、在Axure中双击内联框架，将复制的地址粘贴到URL链接中，点击保存后，图表引用完成，点击发布后就可以看效果；

第二种方法：

1、下载Highcharts插件压缩包并解压，找到并复制统计图的文件路径；

2、在Axure中双击内联框架，将统计图的文件路径粘贴到URL链接中；

3、在Axure中点击发布-生成Html文件，将Axure文件放置在和Highcharts同一个文件夹中即可。

注意：这种方式无法预览查看，只能生成Html文件才可以查看效果；文件路径中不要出现中文，因为Axure无法识别中文路径。

五、Axure函数使用
（一）函数使用方式
1、函数的使用方法：Axure函数使用的基本语法是：用”[[ ]]”双方括号（即英文双中括号）包含，变量值和函数用英文句号（即点”.  ”）连接。
例如：[[LVAR. Width]] 表示变量LVAR的宽度；
[[This. Width]] 当前元件的宽度；
（二）函数分类：
1、根据Axure函数的应用范围，可划分为以下10类：元件函数、页面函数、窗口函数、鼠标指针函数、数字函数、字符串函数、数学函数、日期函数、中继器函数和布尔运算符（逻辑运算）。
（三）函数分类使用说明
1、元件函数
（1）This：获取当前元件对象，当前元件指添加事件的元件。
（2）Target：获取目标元件对象，表示添加动作的目标元件。
（3）x：获取元件对象的X轴坐标值（横坐标）。
（4）y：获取元件对象Y轴坐标值（纵坐标）。
（5）width：获取元件对象的宽度值。
（6）height：获取元件对象的高度值。
（7）scrollX：获取元件对象水平移动的距离。
（8）scrollY：获取元件对象垂直移动的距离。
（9）text：获取元件对象的文字。
（10）name：获取元件对象的名称。
（11）top：获取元件对象顶部边界的坐标值。
（12）left：获取元件对象左边界的坐标值。
（13）right：获取元件对象右边界的坐标值。
（14）bottom：获取元件对象底部边界的坐标值。
（15）opacity：获取元件对象的不透明度。
（16）rotation：获取元件对象的旋转角度。
2、页面函数
（1）PageName：获取当前页面的名称。
3、窗口函数
（1）Windows.width：获取浏览器的当前宽度。
（2）Windows.height：获取浏览器的当前高度。
（3）Windows.scrollX：获取浏览器的水平滚动距离。
（4）Windows.scrollY：获取浏览器的垂直滚动距离。
4、鼠标指针函数
（1）Cursor.x：获取鼠标当前位置的X轴坐标。
（2）Cursor.Y：获取鼠标当前位置的Y轴坐标。
（3）DragX：获取鼠标在水平方向的移动速度（0.01秒内移动的距离）。
（4）DragY：获取鼠标在垂直方向的移动速度（0.01秒内移动的距离）。
（5）TotalDragX：整个拖动过程中，鼠标指针在水平方向上移动的距离。
（6）TotalDragY：整个拖动过程中，鼠标指针在垂直方向上移动的距离。
（7）DragTime：鼠标拖动操作的总时长。从鼠标按下左键到释放左键的总时长，中间过程中，如果未移动鼠标位置，也计算时长。
5、数字函数
（1）toExponential(decimalPoints)：将对象的值转换为指数计数法。decimalPoints为小数点后保留的小数位数。
（2）toFixed(decimalPoints)：将一个数字转换为保留指定小数位数的数字，超出的后面小数位将自动进行四舍五入。decimalPoints为小数点后保留的小数位数。
（3）toPrecision(length）：将数字格式化为指定的长度，小数点不计算长度，length为指定的长度。
6、字符串函数
（1）length：获取当前文本对象的长度，即字符长度，1个汉字的长度按1计算。
（2）charAt(index)：获取当前文本对象指定位置的字符，index为大于等于0的整数，字符位置从0开始计数，0为第一位。
（3）concat(‘string’)：将当前文本对象与另外一个字符串组合，string为组合后显示在后方的字符串。如：[[ABC.concat(‘123’)]]，返回值是ABC123（注意表达式中别漏了中间那个点“.”）
（4）indexOf(‘searchValue’,start)：从左至右查询字符串在当前文本对象中首次出现的位置。未查询到，返回值为-1。参数：searchValue为查询的字符串；start为查询的起始位置，官方虽未明说，但经测试是可用的。官方默认没有start，则是从文本的最左侧开始查询。
（5）lastIndexOf(‘searchvalue,start’)：从右至左查询字符串在当前文本对象中首次出现的位置。未查询到，返回值为-1。参数：searchValue为查询的字符串；start为查询的起始位置，官方虽未明说，但经测试是可用的。官方默认没有start，则是从文本的最右侧开始查询。
（6）replace(‘searchvalue’,’newvalue’)：用新的字符串替换文本对象中指定的字符串。参数：newvalue为新的字符串，searchvalue为被替换的字符串。
（7）slice(start,end)：从当前文本对象中截取从指定位置开始到指定位置结束之间的字符串。参数：start为截取部分的起始位置，该数值可为负数。负数代表从文本对象的尾部开始，-1表示末位。-2表示倒数第二位。end为截取部分的结束位置，可省略，省略则表示从截取开始位置至文本对象的末位。这里提取的字符串不包含结束位置。
（8）split(‘separator’,limit)：将当前文本对象中与分隔字符相同的字符转为“,”，形成多组字符串，并返回从左开始的指定组数。参数：separator为分隔字符，分隔字符可以为空，为空时将分隔每个字符为一组；limit为返回组数的数值，该参数可以省略，省略该参数则返回所有字符串组。
（9）substr(start,length)：当前文本对象中从指定起始位置截取一定长度的字符串。参数：start为截取的起始位置，length为截取的长度，该参数可以省略，省略则表示从起始位置一直截取到文本对象末尾。
（10）substring(from,to)：从当前文本对象中截取从指定位置开始到另一指定位置区间的字符串。参数：from为指定区间的起始位置，to为指定区间的结束位置，该参数可以省略，省略则表示从起始位置截取到文本对象的末尾。这里提取的字符串不包含末位。
（11）toLowerCase( )：将文本对象中所有的大写字母转换为小写字母。
（12）toUpperCase( )：将文本对象中所有的小写字母转换为大写字母。
（13）trim( )：删除文本对象两端的空格。
（14）toString( )：将一个逻辑值转换为字符串。
7、数学函数
（1）/     数的商         语法：[[LVAR1+LVAR2]]；
（2）%     数的余数     语法：[[LVAR1%LVAR2]]；
（3）Math.abs(x) ：计算参数值的绝对值。参数：x为数值。
（4）Math.ceil(x) ：向上取整函数，获取大于或者等于指定数值的最小整数。参数：x为数值。
（5）Math.floor(x)：向下取整函数，获取小于或者等于指定数值的最大整数。参数：x为数值。
（6）Math.max(x,y) ：获取参数中的最大值。参数：“x,y”表示多个数值，不一定为2个数值。
（7）Math.min(x,y) ：获取参数中的最小值。参数：“x,y”表示多个数值，不一定为2个数值。
（8）Math.random( ) ：随机数函数，返回一个0~1之间的随机数。示例：获取10-15之间的随机小数，计算公式为Math.random( )*5+10。
8、日期函数
（1）Now ：获取当前计算机系统日期对象。
（2）GenDate ：获取原型生成日期对象。
（3）getDate( ) ：获取日期对象“日期”部分数值(1 ~ 31)。
（4）getDay( ) ：获取日期对象“星期”部分的数值(0 ~ 6)。
（5）getDayOfWeek( ) ：获取日期对象“星期”部分的英文名称。
（6）getFullYear( ) ：获取日期对象“年份”部分四位数值。
（7）getHours( ) ：获取日期对象“小时”部分数值(0 ~ 23)。
（8）getMinutes( ) ：获取日期对象“分钟”部分数值(0 ~59)。
（9）getMonth( ) ：获取日期对象“月份”部分的数值(1 ~ 12)。
（10）getMonthName( ) ：获取日期对象“月份”部分的英文名称。
（11）getSeconds( ) ：获取日期对象“秒数”部分数值(0 ~59)。
（12）toDateString( ) ：以字符串的形式获取一个日期。
（13）Year ：获取系统日期对象“年份”部分的四位数值。
（14）Month ：获取系统日期对象“月份”部分数值(1 ~ 12)。
（15）Day ：获取系统日期对象“日期”部分数值(1 ~ 31)。
（16）Hours ：获取系统日期对象“小时”部分数值(0 ~ 23)。
（17）Minutes ：获取系统日期对象“分钟”部分数值(0 ~ 59)。
（18）Seconds ：获取系统日期对象“秒数”部分数值(0 ~ 59)。
9、中继器函数
（1）Repeater ：中继器的对象。Item.Repeater即为Item所在的中继器对象。
（2）visibleItemCount ：中继器项目列表中可见项的数量。比如：项目列表共有23项，分页显示为每页7项。当项目列表在第1、2、3页时，可见项数量为7；当项目列表在第4页时，可见项数量为2。（即：前面每页都是7项，最后一页只有2项）
（3）itemCount ：获取中继器项目列表的总数量，或者叫加载项数量。默认情况下项目列表的总数量会与中继器数据集中的数据行数量一致，但是，如果进行了筛选，项目列表的总数量则是筛选后的数量，这个数量与分页无关。
（4）dataCount ：获取中继器数据集中数据行的总数量。
（5）pageCount ：获取中继器分页的总数量，即能够获取分页后共有多少页。
（6）pageIndex ：获取中继器项目列表当前显示内容的页码。
（7）Item ：获取数据集一行数据的集合，即数据行的对象。
（8）TargetItem ：目标数据行的对象。
（9）Item.列名：获取数据行中指定列的值。
（10）index：获取数据行的索引编号，编号起始为1，由上至下每行递增1。
（11）isFirst ：判断数据行是否为第1行；如果是第1行，返回值为“True”，否则为“False”。
（12）isLast：判断数据行是否为最末行；如果是最末行，返回值为“True”，否则为“False”。
（13）isEven：判断数据行是否为偶数行；如果是偶数行，返回值为“True”，否则为“False”。
（14）isOdd：判断数据行是否为奇数行；如果是奇数行，返回值为“True”，否则为“False”。
（15）isMarked：判断数据行是否为被标记；如果被标记，返回值为“True”，否则为“False”。
（16）isVisible：判断数据行是否为可见行；如果是可见行，返回值为“True”，否则为“False”。