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

本文將教大家如何用AXURE做一個超漂亮的柱狀圖。

在線演示地址：http://ije8g9.axshare.cn/#g=1&p=%E6%9F%B1%E7%8A%B6%E5%9B%BE-%E6%B7%B1%E8%93%9D

一、效果介紹

二、功能介紹

1. 簡單填寫中繼器內容即可生成柱狀圖，無需連外網。
2. 樣式可以自由變換，原型內提供6中常用且美觀的顏色，也可以自定義。
3. 鼠標移入時能顯示具體數據。

三、制作方法

1. 中繼器里有兩列，x和no，x為橫坐標，no為具體數值如下圖所示：

2. 中繼器內材料：文本框+矩形1，如下圖所示放置即可：

3. 在中繼器外建一個文本框(命名為最大值)并隱藏，只用于邏輯處理。文本框的值填寫no里面最大的值，該案例為980。邏輯是找到最高的值，讓比它底的值調低高度。具體公式[[LVAR2.height*(Item.no/LVAR1)]]。

LVAR2.height指矩形的高度，LVAR1指no的最大值，Item.no指no的當前值。

4. 具體交互

中繼器每項加載時，是設置中繼器內的文本框的文字=[[Item.x]]

設置矩形的尺寸[[LVAR2.height*(Item.no/LVAR1)]]，錨點在底部。

這是，基本上一級完成了樹狀圖。

5. 制作外框并標上刻度，如下圖所示：

將中繼器移動到對應位置上即可。

6. 做一個標簽，如下圖所示，默認隱藏。

思路，鼠標移入矩形的時候，顯示標簽，標簽跟隨鼠標移動，讓Item.no的值=文本標簽2，Item.x的值=文本標簽1。

鼠標移出的時候，隱藏標簽即可。

最后，制作完成后，以后使用方便，僅需簡單填寫中繼器的內容，即可擁有完美的效果，所以強烈推薦給各位使用。

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

題圖來自Unsplash，基于CC0協議