Axure:中繼器圖形組件分享

10 評(píng)論 3973 瀏覽 18 收藏 5 分鐘

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

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

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

一、準(zhǔn)備工作

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

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

二、使用方法

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

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

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

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

4. 點(diǎn)擊axhub-line-config可以看到是該折線(xiàn)圖對(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字段填寫(xiě)”日期,數(shù)量”(分別對(duì)應(yīng)數(shù)據(jù)表格的兩列表頭,中間的分隔符為英文的逗號(hào)),展示效果如下:

大家快去試試吧~

本文由 @六元 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 最新的分享鏈接:
    鏈接:https://pan.baidu.com/s/1y7sesHJhQ9YI4BclbeyNTA
    提取碼:PMLY

    來(lái)自安徽 回復(fù)
    1. 感謝大佬,學(xué)習(xí)啦

      來(lái)自陜西 回復(fù)
  2. 老師 求文件分享

    來(lái)自北京 回復(fù)
  3. 鏈接過(guò)期了

    來(lái)自廣東 回復(fù)
  4. 鏈接過(guò)期啦,求求再分享了

    來(lái)自福建 回復(fù)
    1. 鏈接:https://pan.baidu.com/s/1x4HE9thk0K0Esi3henINtg
      提取碼:PMLY

      來(lái)自安徽 回復(fù)
    2. 鏈接過(guò)期了,求求再分享一下

      來(lái)自上海 回復(fù)
  5. 真的好棒!六元老師

    來(lái)自安徽 回復(fù)
  6. 鏈接:https://pan.baidu.com/s/1Z4rLtA2lgokXpWb-ba3qiQ
    提取碼:PMLY

    來(lái)自安徽 回復(fù)
    1. 鏈接過(guò)期了,求再分享

      來(lái)自江蘇 回復(fù)