怎么畫出好看又炫酷的圖形？這篇文章里，作者分享了一些現(xiàn)成的中繼器圖形組件，并介紹了相應(yīng)的使用方法，感興趣的小伙伴們，就一起來(lái)看看吧。

想要畫好看炫酷的圖形，但是中繼器又比較難，今天給大家分享一些現(xiàn)成的中繼器圖形組件，并講解一下使用方法啦~

先給大家看一眼最終效果，然后我們開(kāi)始使用方法講解：

一、準(zhǔn)備工作

1. 將分享的文件放置到Axure文件夾中；

2. 進(jìn)入到Axure中，選中我們剛剛添加的組件庫(kù)，可以看到有很多圖形的組件展示，這里也有相應(yīng)的使用說(shuō)明。

二、使用方法

現(xiàn)在我們以折線圖為例，來(lái)講解一下如何使用吧。

1. 首先將圖形拖拽到頁(yè)面內(nèi)，頁(yè)面內(nèi)是沒(méi)有辦法看到圖形樣式的，我們可以先預(yù)覽看一下圖形內(nèi)的元素，方便我們理解。

2. 然后我們選中圖形，點(diǎn)開(kāi)概要頁(yè)面，可以看到折線圖組合對(duì)應(yīng)三個(gè)元件，點(diǎn)擊axhub-line-data可以看到是該折線圖對(duì)應(yīng)的數(shù)據(jù)信息。

3. 樣式內(nèi)表格四列分別為折線圖的橫坐標(biāo)和三條數(shù)據(jù)信息，我們可以對(duì)表格數(shù)據(jù)進(jìn)行修改，增刪行列，然后點(diǎn)擊預(yù)覽查看效果，由此可見(jiàn)，我們可以通過(guò)修改該表格讓圖形展示我們想要的數(shù)據(jù)。

4. 點(diǎn)擊axhub-line-config可以看到是該折線圖對(duì)應(yīng)的展示樣式信息，表格中也進(jìn)行了相應(yīng)的說(shuō)明。

5. 我用一個(gè)比較常用的formHeader修改來(lái)舉例，剛剛我在數(shù)據(jù)表格列的表頭設(shè)置為date和count，所以我在圖形展示的時(shí)候懸停展示數(shù)量為count，現(xiàn)在我想用中文“數(shù)量”展示，只需要在formHeader字段填寫”日期,數(shù)量”（分別對(duì)應(yīng)數(shù)據(jù)表格的兩列表頭，中間的分隔符為英文的逗號(hào)），展示效果如下：

大家快去試試吧~