在做數據可視化類型的頁面時，會遇到這樣的問題：我想在我的柱狀圖上畫出一條曲線怎麼辦？
第一步：
在左側的元件庫中點擊水平線（或者垂直線都可以），拖動到圖中
第二步：
選中水平線，右鍵將水平線轉換為自定義形狀（轉換為自定義形狀：有兩種方式，第一種選中水平線後右鍵選擇；第二種選中水平線在右側菜單中選擇屬性——形狀——選擇轉換為自定義形狀）
轉換為自定義形狀1
轉換為自定義形狀2
第三步：
將滑鼠移動到轉換為自定義狀態的水平線上，當出現一個小+時，可以截取水平線的任意位置點擊，會出現一個小口，然後點擊滑鼠左鍵移動節點，如下圖：
然後就可以將一個水平線變為一個折線，然後拖動幾個節點到相應的位置，位置是由自己定的，可以隨意拖動，線的長度也會隨意變化；
第四步：
依次按照上面的方法，將所有的節點都截取出來
第五步：
滑鼠點擊折線的區域，折線變為被選中的狀態，然後點擊滑鼠右鍵依次選擇改變形狀——曲線連接各點，就會看到折線變為曲線了
就會得到如上圖的曲線圖，這樣的曲線的彎曲程度，都是系統默認的，可能曲度彎曲角度太大，自己稍作調整，讓曲線看起來更平滑
改進：
選中曲線，曲線變為自定義形狀狀態時，點擊需要調節的節點，就會在節點的兩側出現兩個黃點的小方點，拖動其中任意一個小黃點都能夠改變的曲線的曲度。
調節完成如上圖，這個可以自己自由調節，不過回導致每個節點的曲度不一致。不過關係不大。
然後就完成了。其實只要明白了原理就很容易，自定義形狀就是可以自己調節線的節點，線的長短，線的曲度等等要素，就能調節出自己想要的自定義圖形了。
本文由@dantina原創發布於人人都是產品經理。未經許可，禁止轉載