Axure教程:如何畫出曲線圖?

14 評論 105321 瀏覽 55 收藏 5 分鐘

在做數據可視化類型的頁面時,會遇到這樣的問題:我想在我的柱狀圖上畫出一條曲線怎么辦?

第一步:

在左側的元件庫中點擊水平線(或者垂直線都可以),拖動到圖中

第二步:

選中水平線,右鍵將水平線轉換為自定義形狀(轉換為自定義形狀:有兩種方式,第一種選中水平線后右鍵選擇;第二種選中水平線在右側菜單中選擇屬性——形狀——選擇 轉換為自定義形狀)

轉換為自定義形狀1

轉換為自定義形狀2

第三步:

將鼠標移動到轉換為自定義狀態的水平線上,當出現一個小+時,可以截取水平線的任意位置點擊,會出現一個小口,然后點擊鼠標左鍵移動節點,如下圖:

然后就可以將一個水平線變為一個折線,然后拖動幾個節點到相應的位置,位置是由自己定的,可以隨意拖動,線的長度也會隨意變化;

第四步:

依次按照上面的方法,將所有的節點都截取出來

第五步:

鼠標點擊折線的區域,折線變為被選中的狀態,然后點擊鼠標右鍵依次選擇 改變形狀——曲線連接各點,就會看到折線變為曲線了

就會得到如上圖的曲線圖,這樣的曲線的彎曲程度,都是系統默認的,可能曲度彎曲角度太大,自己稍作調整,讓曲線看起來更平滑

改進:

選中曲線,曲線變為自定義形狀狀態時,點擊需要調節的節點,就會在節點的兩側出現兩個黃點的小方點,拖動其中任意一個小黃點都能夠改變的曲線的曲度。

調節完成如上圖,這個可以自己自由調節,不過回導致每個節點的曲度不一致。不過關系不大。

然后就完成了。其實只要明白了原理就很容易,自定義形狀就是可以自己調節線的節點,線的長短,線的曲度等等要素,就能調節出自己想要的自定義圖形了。

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 8.0的新功能,鋼筆工具,錨點有兩種:直線、貝賽爾曲線,兩種類型可以相互切換。
    我現在有些圖片處理都不用PS用AXURE了,想想照這個發展下去,如果AXURE能夠直接做前端那就才棒了 ??

    來自浙江 回復
    1. good

      來自北京 回復
  2. 學過PS的都知道鋼筆的好,axure一樣的

    來自北京 回復
  3. 可以用鋼筆工具搞定,都用不到10秒鐘

    來自廣東 回復
  4. 某人你可以不用,但沒必要說別人研究的是歪門邪道

    來自安徽 回復
    1. 產品社區,都比較開放的。
      為了回你,專門注冊的。
      剛剛看了,那個胸弟,說的自己是用的Excel,調侃自己是歪門邪道,并沒有說作者是,只是省略了幾個字,容易誤解。

      回復
  5. 不能畫曲線的確是axure 7 的一大痛點,不過舉得例子里好像沒啥用。。

    來自上海 回復
  6. 新人還是學習了

    來自廣東 回復
  7. 這些的也太那個啥了。幾乎沒有任何意義

    來自廣東 回復
  8. 邪門歪道…Excel做圖粘貼過去就行

    回復
    1. 正解

      來自上海 回復
    2. Yep

      來自福建 回復