本文將教大家如何用AXURE制作動態(tài)水平方向多色圖
一奏候、效果介紹
如圖：
預(yù)覽及下載地址：https://l83ucp.axshare.com
二挑格、功能介紹
1、簡單填寫中繼器內(nèi)容即可生成動態(tài)水平多色圖
2啡省、樣式顏色等可以自由變換。
3、鼠標(biāo)移入時(shí)顯示相應(yīng)的數(shù)據(jù)
三秦忿、制作方法
（1）中繼器
中繼器里有三列默赂，ind沛鸵、d和y，ind為對應(yīng)的顏色面板放可，d為橫坐標(biāo)谒臼、y為具體數(shù)值如下圖所示：
(2）中繼器內(nèi)材料組合：
此組合有兩個(gè)矩形和一個(gè)動態(tài)面板組成，其中一個(gè)矩形大小為1000×60, 只用于控制圖形最大長度與位置耀里，
另一矩形用戶顯示橫坐標(biāo)數(shù)據(jù)
動態(tài)面板設(shè)置6個(gè)狀態(tài)（根據(jù)需要設(shè)置）蜈缤，每個(gè)狀態(tài)設(shè)置一個(gè)大小為50×1的矩形，設(shè)置自己喜歡的顏色冯挎，用于動態(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)移動時(shí)和鼠標(biāo)移出時(shí)
（3）中繼器外文本
鼠標(biāo)移出時(shí)
這樣我們就完成原型制作了
