AXURE教程:散點圖

2 評論 7799 瀏覽 10 收藏 3 分鐘

上一期教會大家如何用axure做堆疊柱狀圖,本文將教大家如何用AXURE做散點圖

效果如下:

一、功能介紹

  1. 所有圖表不需要聯外網,數據也不是寫死的,只需在中繼器或表格中填寫數據即可自動生成圖表,操作簡單。
  2. 大小、顏色、樣式、交互可以自由變換。
  3. 鼠標移入時能顯示具體數據。

二、制作方法

(1)先做出堆疊柱形圖原件,具體制作方法參考我上一篇文章——Axure教程:堆疊柱狀圖

(2)制作散點,用橢圓形畫出你喜歡的圓點。

(3)圓點定位,我們的目的是將原點定位到柱形上方的正中間,如下圖所示

那么到底要怎么做呢?橫坐標我們手動移到矩形的正中間即可,但是縱坐標柱形是會變化的,這要通過計算,移動原點,這樣就可以確定了園點的位置了。

(4)影藏掉矩形

(5)如果中繼器內的數據為空,隱藏該原點

最后,制作完成后,以后使用方便,僅需簡單填寫中繼器的內容,即可擁有完美的效果,謝謝閱讀。

 

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

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 原型預覽及下載地址:
    https://axhub.im/pro/1882d0a30c3301c9

    來自廣東 回復
  2. 請問怎么設置這個中繼器為空?而且是每一項都要判斷嗎?

    來自廣東 回復