本文將教大家如何用AXURE用中繼器制作直方圖

一、效果介紹

如圖：

預(yù)覽及下載地址：https://yjkepz.axshare.com

二、制作方法

（1）制作刻度表

設(shè)計5個刻度，每個刻度20遞增，如圖：

（2）中繼器設(shè)計

在刻度表上拖入一個中繼器，對中繼器數(shù)值進(jìn)行設(shè)置；

中繼器一共兩列，d為橫坐標(biāo)，y為直方圖的數(shù)值

（3）中繼器內(nèi)部設(shè)計

拖入兩個矩形，其中一個矩形命名為1，大小為80×1，顏色設(shè)置為：#0000FF，直方圖的間隔，鼠標(biāo)懸浮時顏色變?yōu)?0000FF,透明度為50，其放置的y坐標(biāo)小于刻度表總高度；

另一矩形命名為2，用于顯示橫坐標(biāo)數(shù)據(jù)，字體顏色為#1E1E1E：，其放置如圖：

整體設(shè)計完成，如圖：

三、交互設(shè)置

主要時針對中繼器的加載時進(jìn)行交互設(shè)置

當(dāng)中繼器加載時，對矩形1的賦值（中繼器的y值），如圖：

并對矩形1大小尺寸進(jìn)行設(shè)置；如圖：

對矩形2賦值（中繼器的d值），如圖：

最終的設(shè)置，如圖：

本次制作完成了。