AXURE教程:散點圖

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

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

效果如下:

一、功能介紹

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

二、制作方法

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

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

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

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

(4)影藏掉矩形

(5)如果中繼器內(nèi)的數(shù)據(jù)為空,隱藏該原點

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

 

本文由 @梓賢Vigo 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 原型預(yù)覽及下載地址:
    https://axhub.im/pro/1882d0a30c3301c9

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

    來自廣東 回復(fù)