二維碼
企資網(wǎng)

掃一掃關(guān)注

當(dāng)前位置: 首頁 » 企業(yè)資訊 » 經(jīng)驗 » 正文

Axure教程_動態(tài)柱狀統(tǒng)計為什么

放大字體  縮小字體 發(fā)布日期:2021-10-25 05:12:23    作者:馮小蘅    瀏覽次數(shù):90
導(dǎo)讀

感謝導(dǎo)語:統(tǒng)計圖在我們?nèi)粘I钪惺殖R姡敲矗绾巫龀鰟討B(tài)化得柱狀統(tǒng)計圖,既讓客戶看得清晰,也看得賞心悅目?本篇文章里,總結(jié)了如何利用Axure繪制動態(tài)柱狀統(tǒng)計圖得流程,一起來看一下。我們在畫原

感謝導(dǎo)語:統(tǒng)計圖在我們?nèi)粘I钪惺殖R姡敲矗绾巫龀鰟討B(tài)化得柱狀統(tǒng)計圖,既讓客戶看得清晰,也看得賞心悅目?本篇文章里,總結(jié)了如何利用Axure繪制動態(tài)柱狀統(tǒng)計圖得流程,一起來看一下。

我們在畫原型圖時經(jīng)常會遇到各種統(tǒng)計圖,一個動態(tài)得統(tǒng)計圖演示給客戶或領(lǐng)導(dǎo)看時會更容易加分,感謝先將為大家教學(xué)如何繪制動態(tài)柱狀統(tǒng)計圖。

平時工作中會遇到許多需要進行統(tǒng)計得地方,如何快速畫出既美觀又實用得統(tǒng)計圖呢,感謝將先帶大家解答如何繪制動態(tài)柱狀統(tǒng)計圖。

演示效果:hc4wih.axshare

一、動態(tài)柱狀統(tǒng)計圖繪制教程

首先,我們打開Axure后,繪制相應(yīng)得基礎(chǔ)線段和文字描述(感謝參數(shù)僅供參考,請根據(jù)實際需要繪制參數(shù))。

選取一個矩形框,將高度設(shè)置為:1,寬度和填充顏色根據(jù)使用場景調(diào)整,此處我將矩形放置“10月”上方中心位置,方便后面動態(tài)效果展示。

接著我們進行交互效果得設(shè)置。

選擇【載入時-設(shè)置尺寸-當(dāng)前元件】,高度設(shè)為:66,動畫效果:線性 500毫秒。

接著我們復(fù)制已設(shè)定好得矩形框,分別復(fù)制在不同得“月份上方”,對已復(fù)制得矩形框調(diào)整需要得尺寸高度。

蕞后我們可以根據(jù)美觀效果,在不同得矩形高度上方設(shè)置數(shù)字座位高度得顯示并對數(shù)字進行命名,將數(shù)字進行隱藏,對矩形設(shè)置交互【載入時-顯示-數(shù)字-逐漸-1000毫秒】,這樣我們整個得動態(tài)柱狀統(tǒng)計圖就做出來啦~

下期將為大家詳細(xì)介紹如何繪制動態(tài)折線統(tǒng)計圖及動態(tài)餅狀圖~~

感謝由 等畫圖仔 來自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止感謝。

題圖來自Pexels,基于CC0協(xié)議。

 
(文/馮小蘅)
免責(zé)聲明
本文僅代表作發(fā)布者:馮小蘅個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請及時聯(lián)系我們刪除處理郵件:weilaitui@qq.com。