中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

柱狀圖的使用在分析平臺很常見，作為產品在設計此類分析統計平臺的時候，常常面臨找不到合適的圖表元件的情況，又或是找到了合適的圖表元件，元件本身又比較偏靜態，需要花一些時間去做適當的修改。本文主要介紹了如何利用中繼器制作一類可以靈活變幻的柱狀圖，包括增、刪柱狀條，修改各柱狀條的值以及高度~

效果展示：

效果體驗：https://9ovt9x.axshare.com

操作分析

1. 首先，此柱狀圖默認顯示三個柱狀條，點擊修改柱狀條上面的數字、柱狀條下面的自定義字段，然后點擊柱狀條觸發修改自身高度以及保存上面的值和下面的自定義字段的事件。（只有點擊柱狀條，上下信息才能修改成功?。?/li>
2. 點擊柱狀圖下面的“行+1”按鈕，柱狀條會自動加+1。
3. 右擊，彈出刪除按鈕，刪除不需要的柱狀條。（由于Axure8.0的bug，預覽時，右擊的時候會出現瀏覽器的相關彈框，這里我們就先忽略這個啦~）

關鍵因素

中繼器的使用

操作步驟

準備階段

1. 首先，打開你的Axure，然后往工作區拖入一個中繼器，取名為list，雙擊中繼器，進入中繼器的編輯頁面。
2. 在中繼器的編輯頁面，取消中繼器的邊框，設置寬高為59*311（這個可自定義了~），x=0，y=0。
3. 拖入一根水平線段，兩根垂直線段，做成底部欄。
4. 拖入一個矩形，取名為rect，取消邊框，設置寬高為37*170（可自定義~），填充藍色，陰影，放置在底部水平線段之上。如下圖所示。
5. 拖入兩個文本框，分別放置在矩形（rect）的上面和下面，上面的文本框取名為num，下面的文本框取名為day。設置num的提示文字為170，字體顏色為藍色，居中。設置day的提示文字為自定義，居中。
6. 拖入一個矩形，取名刪除，取消邊框，寬高設為47*32，輸入刪除二字，字體顏色為紅色，加下劃線，然后設為隱藏（注意：以上所說所有的元件都要拖進list里面！）。

完成上述步驟后的效果如下圖所示：

7.返回index頁面，拖入一個按鈕，輸入文字行+1，然后選中list（中繼器），在右側屬性-中繼器做如下設置。

這時，index頁面如下圖所示：

添加交互

1. 選中list,開始設置list的交互，如下圖所示：

2. 選中行+1按鈕，設置下面交互：

3. 回到中繼器的編輯頁面（list(index)），選中矩形rect，設置如下交互：

單擊時：

右擊時：

4. 選中文本框num，設置如下交互：

5. 選中矩形‘刪除’，設置以下交互：

交互設置完畢，點擊預覽就可以實現。

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

題圖來自 Pexels，基于 CC0 協議