Axure 教程:動態分組條形圖(中繼器)

1 評論 2508 瀏覽 3 收藏 3 分鐘

動態分組條形圖能夠直觀地看到各項數據變化,是一種常見的數據分析形式。本文分享了如何用AXURE中的中繼器制作動態分組條形圖,一起來看看吧。

一、效果介紹

如圖:

預覽地址:https://v7cmdp.axshare.com

二、功能介紹

  • 簡單填寫中繼器內容即可生成動態條形圖
  • 樣式顏色等可以自由變換

三、制作方法

1)中繼器

中繼器里有四列,d、y1、y2和y3,d為中坐標,y1、y2和y3為具體數值如下圖所示:

2)中繼器內材料組合

四個個矩形,其中一個矩形顯示坐標,鼠標移動時,其字體顏色為#1EC695。

另三個矩形要生成的條形圖,其尺寸設置為8*15,顏色為分別#0000FF,#FEA213,#54CD72。

如下圖所示放置即可:

四、交互設置

1)中繼器

中繼器每項加載時:

2)中繼器內材料組合

鼠標移動時和鼠標移出時:

這樣我們就完成動態分組條形圖原型模板的制作了,以后使用時只需要在中繼器表格里填寫內容即可。

本文由@產品纖纖 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這么多,好厲害(? ??_??)?,要是有個視頻就好了

    來自廣東 回復