本文將教大家如何用AXURE制作動(dòng)態(tài)垂直方向多色圖
一湿刽、效果介紹
如圖：
預(yù)覽及下載地址：https://9fxtte.axshare.com
二、功能介紹
1褐耳、簡(jiǎn)單填寫中繼器內(nèi)容即可生成動(dòng)態(tài)垂直多色圖
2诈闺、樣式顏色等可以自由變換。
3铃芦、鼠標(biāo)移入時(shí)顯示相應(yīng)的數(shù)據(jù)
三雅镊、制作方法
（1）中繼器
中繼器里有三列，ind刃滓、d和y仁烹，ind為對(duì)應(yīng)的顏色面板，d為橫坐標(biāo)咧虎、y為具體數(shù)值如下圖所示：
(2）中繼器內(nèi)材料組合：
此組合有兩個(gè)矩形和一個(gè)動(dòng)態(tài)面板組成卓缰，其中一個(gè)矩形大小為170×300, 只用于控制圖形最大高度與位置，
另一矩形用戶顯示橫坐標(biāo)數(shù)據(jù)
動(dòng)態(tài)面板設(shè)置6個(gè)狀態(tài)（根據(jù)需要設(shè)置），每個(gè)狀態(tài)有一個(gè)大小為50×1的矩形征唬，設(shè)置自己喜歡的顏色捌显，用于動(dòng)態(tài)生成圖形尺上。
三個(gè)組件組合一起扭粱，設(shè)計(jì)如圖：
（3）中繼器外文本
在中繼器外建一個(gè)矩形，大小設(shè)置為100×50雏亚，顏色設(shè)置為#333333偿乖，透明度為50击罪，設(shè)置隱藏狀態(tài)哲嘲，只用于顯示其具體數(shù)值贪薪，如圖
4）制作圖表
制作豎坐標(biāo)刻度，如圖：
最終設(shè)計(jì)如圖：
四眠副、交互設(shè)置
（1）中繼器
中繼器每項(xiàng)加載時(shí)
(2）中繼器內(nèi)材料組合
鼠標(biāo)移動(dòng)時(shí)和鼠標(biāo)移出時(shí)
（3）中繼器外文本
鼠標(biāo)移出時(shí)
這樣我們就完成原型制作了
